我需要建立一个单页网站,有 3 个这样的 div:
.container{
display: table;
width: 100%;
height: 100%;
}
.container > div {
vertical-align:top;
}
.left, .center, .right {
display: table-cell;
height:auto;
}
.left, .right{
width:200px;
}
<div class="container">
<div class="left">
<div class="middle">
<div class="right">
</div>
3 个 div 具有自动高度,左右一个具有固定宽度。中间一个包含动态数据,我希望它在需要时有一个滚动条。
问题是因为我在 3 个 div 上是自动高度,所以当我将数据添加到中间的一个时,其他 div 会改变大小。我试图在不使用 Javascript 的情况下找到解决方案。