如何拥有固定宽度的灵活高度

Question

1. 页面宽度灵活，从980px到1200px
2. 有3列
3. 左列是固定宽度
4. 中柱灵活且大（因此所有额外的宽度都会进入此列）
5. 右列是固定宽度

问题

• 中间栏存储了一篇巨大的文章，但是当左右列是固定宽度时，它设置了整个页面的高度。

• 因此它修剪了文章

• 如何将中间栏设置为灵活高度，以便显示整篇文章？**

示例代码

<div class="col_2">
</div>
<div class="col_1">
</div>
<div class="col_3">

.col_1{padding-left:230px; padding-right:259px;position:absolute; }
.col_2{width:210px; float:left;}
.col_3{width:210px; float:right; margin-right:10px;}

Answer 1

您可以从A List Apart尝试"The Holy Grail"。这是一个三柱固定的左/右液体中心布局。

Answer 2

对于三列，左/右固定，中心液体布局，请尝试：

CSS Three Column Liquid Layout by Mani Sheriar