时间戳

首页 > 解决方案 > 如何使 CSS 网格行的高度不受彼此影响

css - 如何使 CSS 网格行的高度不受彼此影响

问题描述

是否可以让 CSS 网格行的高度不受其他行的影响？目前它的外观： 屏幕截图（红线是我希望行的行为方式）
这是我的 CSS 网格代码：

.wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto auto auto auto;
  grid-template-areas:
  "header header header"
  "leftCol midTop rightCol"
  "leftCol midTop tileone"
  "leftCol midBottom tiletwo"
  "footer footer footer";
  grid-gap: 0px;
}

如果这是无法实现的，如何使用另一个 CSS 结构来实现相同的结果？

标签： csscss-grid

解决方案

推荐阅读