CSS布局2柱固定流体

New*_*bie 38 html css layout

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

小智 48

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

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

#fixed{
  width:150px;
  float:left;
}
#fluid{
  overflow:hidden;
}
Run Code Online (Sandbox Code Playgroud)

  • 这很好 - 你能解释一下溢出:隐藏在这种情况下的作用吗? (2认同)

cha*_*aos 28

试试这个动态驱动器布局及其亲属(我通过类似的问题指向我).