CSS布局2列固定流体

Question

38

我想知道这里是否有一个比较简单的教程，可以实现以下2列CSS布局。左侧固定列和流动内容列，包括页眉和页脚，并且两列高度相等。

- Newbie

1

我所了解的HTML和CSS大部分都是从HTML Dog学习的。HTML Dog在其教程中有一个页面，介绍如何制作带页脚的两列布局。 - Jordan Miner

3个回答

28

尝试使用这个Dynamic Drive布局及其相关布局（我通过一个类似的问题找到了它们）。

- chaos

1

我使用的是伪列布局技巧，不需要脚本。

这里有一个教程，似乎是对这个概念的简单解释：dustinbrewer.com

这是我从中学到的原始alistapart.com文章：alistapart.com

祝你好运！

- tallgreentree

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- sdw3489 · Accepted Answer

实际上，我不久前发现了一种更简单的解决方案。它适用于IE7及以上版本。#fluid div会滑动到固定区域旁边，并占用剩余空间，同时对于所有响应式站点都具有良好的流动性。

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