我一直坚持用这种方法对于2列的网站相当长一段时间,现在在“包装”的div什么是其他方式做2列布局?
- 包装元素
- 浮动主要格向左
- 浮动侧边栏左
- 应用clearfix在包装DIV
我经常遇到的问题是,每当主DIV非浮动元素是旁边一个浮动的一个,我总是要做清除或clearfixes。
您是否有任何其他方法用于2列布局。顺便说一句,我用my blog的方法:
我一直坚持用这种方法对于2列的网站相当长一段时间,现在在“包装”的div什么是其他方式做2列布局?
我经常遇到的问题是,每当主DIV非浮动元素是旁边一个浮动的一个,我总是要做清除或clearfixes。
您是否有任何其他方法用于2列布局。顺便说一句,我用my blog的方法:
我通常使用一个网格:http://www.1kbgrid.com/
这不仅仅是一两栏布局更多,但我喜欢它是灵活的想法。例如,当你在首页有一些花哨的布局,并回到所有子页面的默认2列时,它真的很方便。节省很多时间。
对于#wrapper
使用overflow:auto
而不是clear
。
我也使用你的方法,直到我找到Yahoos YUI,检查出来!
我使用易腐印刷机的这个clearfix,如果我记得它是正确的,建议采用溢出方法:http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ – yretuta 2011-02-23 11:00:47
@Ygam我仍然觉得'overflow'更有用。无论如何,我检查了你的博客,但我没有看到你描述的究竟是什么。你可以在http://jsfiddle.net/或http://jsbin.com/上创建你面对的问题的演示吗? – Sotiris 2011-02-23 11:05:17
没有必要。查看头文件和内容div以及来自头版源代码的每篇文章的ul,我alwys应用clearfix类以使非浮动容器环绕浮动的子元素。 – yretuta 2011-02-23 11:14:31