CSS布局2柱固定流体

时间:2009-02-24 02:05:33

标签: html css layout

我想知道是否有人在这里有一个相当简单的教程,用于以下2列css布局。 左固定列和流体内容列,页眉和页脚以及相等的列高度。

3 个答案:

答案 0 :(得分:47)

实际上有一个更简单的解决方案,这是我不久前发现的。适用于IE7。 #fluid div将在固定修复旁边向上滑动并占用剩余空间,同时保持所有响应站点的流动性。

http://jsfiddle.net/uEj55/1/

#fixed{
  width:150px;
  float:left;
}
#fluid{
  overflow:hidden;
}

答案 1 :(得分:28)

尝试this Dynamic Drive layout及其亲属(我通过与我类似的问题指出了这一点)。

答案 2 :(得分:1)

我使用的是虚拟列布局黑客,其中不包含脚本。

这是一个教程,似乎是对这个概念的简单解释: dustinbrewer.com

以下是我从以下网站学到的原始alistapart.com文章:alistapart.com

祝你好运!