小编Jef*_*eff的帖子

我想弄清楚如何使网格的两列具有相同的高度。这是我所追求的：

xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxx 

X qqqqqqqqqqqqq X X qqqqqqqqqqqqqqq X 

X qqqqqqqqqqqqq X X qqqqqqqqqqqqqqq X 

XX X qqqqqqqqqqqqqqq X 

XX X qqqqqqqqqqqqqqq X 

xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxx

这是 x 代表网格的边界（显示：网格）而 q 是标签和输入字段的地方。这是 codepen 上的所有代码和相同的链接。

.container {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #666;
    font-size: 12px;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #666;
    background-color: #fff;
    height: 100%;
}

.outerGrid {
  display: grid;
  grid-template-columns: 1fr 2fr 3fr 1fr;
  grid-template-rows: 80px 1fr 1fr 30px;
  grid-gap: 20px;
  grid-template-areas: 
    "title title title title" 
    ". …