中心div有高度限制

Question

我有三列，但在中心，我只能显示有限数量的段落。 如果我添加例如15个段落，则只显示前11个段落。就像div设置了高度参数一样。有谁知道如何解决这个问题？

<div id="left" style="float:left; width:250px;"></div>
<div id="right" style="float:right; width:250px;"></div>
<div id="center" style="margin:0;"></div>

Answer 1

还将float:left;添加到您的#center元素

或者如果你不希望它漂浮在：overflow:auto;

Answer 2

另一种方法是使用display: table;和display: table-cell;代替：

CSS

#container {
    display: table;
    width: 100%;
}
.cell {
    display: table-cell;
    vertical-align: top;
}
.side {
    width: 250px;
}

HTML

<div id="container">
    <div class="cell side">Left</div>
    <div class="cell">Center</div>
    <div class="cell side">Right</div>
</div>

我假设这些是您布局的构建块，左侧和右侧居中区域和侧边栏。使用table有益于所有细胞保持相同的高度; float可能变化无常。