2011-02-23 32 views
1

我一直坚持用这种方法对于2列的网站相当长一段时间,现在在“包装”的div什么是其他方式做2列布局?

  1. 包装元素
  2. 浮动主要格向左
  3. 浮动侧边栏左
  4. 应用clearfix在包装DIV

我经常遇到的问题是,每当主DIV非浮动元素是旁边一个浮动的一个,我总是要做清除或clearfixes。

您是否有任何其他方法用于2列布局。顺便说一句,我用my blog的方法:

回答

2

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

这不仅仅是一两栏布局更多,但我喜欢它是灵活的想法。例如,当你在首页有一些花哨的布局,并回到所有子页面的默认2列时,它真的很方便。节省很多时间。

0

对于#wrapper使用overflow:auto而不是clear

更多的http://www.quirksmode.org/css/clearing.html

+0

我使用易腐印刷机的这个clearfix,如果我记得它是正确的,建议采用溢出方法:http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ – yretuta 2011-02-23 11:00:47

+0

@Ygam我仍然觉得'overflow'更有用。无论如何,我检查了你的博客,但我没有看到你描述的究竟是什么。你可以在http://jsfiddle.net/或http://jsbin.com/上创建你面对的问题的演示吗? – Sotiris 2011-02-23 11:05:17

+0

没有必要。查看头文件和内容div以及来自头版源代码的每篇文章的ul,我alwys应用clearfix类以使非浮动容器环绕浮动的子元素。 – yretuta 2011-02-23 11:14:31

0

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