这是我的解决方案:
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所以它需要显示所有内容所需的高度.