css - 2 列布局的其他方法有哪些？

Question

对于一个 2 列的网站，我已经坚持使用这种方法很长一段时间了

1. 将元素包装在“包装器”div 中
2. 将主div向左浮动
3. 将侧边栏向左浮动
4. 在包装器 div 上应用 clearfix

我经常遇到的问题是，每当主 div 中的非 float 元素与 float 元素并排时，我总是必须执行清除或清除修复。

对于 2 列布局，您还有其他方法吗？顺便说一下，我在 my blog 中使用了上述方法:

Answer 1

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

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