什么是其他方式做2列布局?

时间:2011-02-23 10:48:41

标签: css

我已经坚持使用这种方法为一个2柱的网站了很长一段时间

  1. 将元素包装在“wrapper”div
  2. 向左侧浮动主div
  3. 将侧边栏浮动到左侧
  4. 在包装器div上应用clearfix
  5. 我经常遇到的问题是,当主div中的非浮动元素与浮动元素并排时,我总是要做清除或清除修复。

    你有2列布局的其他方法吗?顺便说一下,我在my blog中使用了上述方法:

3 个答案:

答案 0 :(得分:2)

我通常使用网格:http://www.1kbgrid.com/

它不仅仅是一个2列的布局,但我喜欢它灵活的想法。例如,当您在首页上有一些花哨的布局并在所有子页面上回退到默认的2列时,它非常方便。节省了大量时间。

答案 1 :(得分:0)

#wrapper使用overflow:auto代替clear

http://www.quirksmode.org/css/clearing.html

了解详情

答案 2 :(得分:0)

我也使用了你的方法,直到找到Yahoos YUI,检查出来!