CSS 3 Panel Liquid 布局内容间距答案

【问题标题】：CSS 3 Panel Liquid layout content spacingCSS 3 Panel Liquid 布局内容间距
【发布时间】：2011-12-15 07:03:51
【问题描述】：

我有一个很棒的 3 面板液体布局，但我只是注意到它有问题。

当有一个带有 float:left 的 div 和另一个带有 clear:both 的 div 时，清除的 div 下面的所有 div 都会被一直推到右列的高度。抱歉，第 1 节和第 2 节之间有很大的空白。

您可以在此处查看代码。 jsfiddle.net/QbSsb/

对于这种或 3 面板的液体布局是否有锻炼？

提前致谢，苏珊

【问题讨论】：

【解决方案1】：

简单的答案是使用clear: left; 而不是clear: both;，这就是为什么他们有清晰的左、右和两者

【讨论】：

【解决方案2】：

使用这个作为清晰的分隔符

<div style="clear:inherit; padding:20px 0px;"></div>

【讨论】：