html取消高度,HTML – 列忽略高度

这是我的解决方案：

HTML：

Grid 1

Grid 2

Grid 3

Grid 4

Grid 5

Grid 6

CSS：

.grid-container {

width: 100%;

text-align: center;

margin-top: 15px;

}

.third {

display: inline-table;

width: 30%;

}

.grid {

border: 1px solid black;

margin: 10px 0;

}

.grid1 {

height: 200px;

}

.grid2 {

height: 100px;

}

.grid3 {

height: 100px;

}

.grid4 {

height: 350px;

}

.grid5 {

height: 200px;

}

.grid6 {

height: 200px;

}

现在我在这里使用了很多css类(grid1,grid2 ……),它们通常不必使用,只需设置高度：auto所以它需要显示所有内容所需的高度.