如何具有固定宽度的灵活高度答案

【问题标题】：how to have flexible height with fixed width如何具有固定宽度的灵活高度
【发布时间】：2009-03-25 05:39:26
【问题描述】：

页面具有从 980 像素到 1200 像素的灵活宽度
有 3 列
左栏是固定宽度
中间列灵活且大（因此所有额外的宽度都将进入此列）
右栏是固定宽度

问题

Middle Column 存储一个巨大的文章，但是当左右列固定宽度时，它设置了整个页面的高度。
因此它修剪文章
如何设置中间栏为灵活高度，以便显示整篇文章？**

示例代码

<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;}

【问题讨论】：

标签： javascript css

【解决方案1】：

你可以试试 A List Apart 中的"The Holy Grail"。它是一个三列固定的左/右液体中心布局。

【讨论】：

【解决方案2】：

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

CSS Three Column Liquid Layout by Mani Sheriar

【讨论】：