当我使用浮动左内容跳出块

Question

我在jsbin上创建了我的代码示例，这里是

http://jsbin.com/apaqon/4/edit

我想要做的是左右两个选项，但是当我在块元素上使用float时，它会跳出主块容器..

在我的代码中想要将leftBlock和rightBlock保留在白色背景中。

任何人都可以帮助我oout

Answer 1

查看代码和演示的小提琴

小提琴：http://jsfiddle.net/PBGyT/1/

演示：http://jsfiddle.net/PBGyT/1/embedded/result/

只有一行css，我添加了溢出：隐藏：#Block{margin: 0px 20px; overflow:hidden;}

参见屏幕截图：

Answer 2

检查你的风格规则，

您定义了一个类.clear，但您没有该类属性的html标记。这是实际浮动元素所必需的。 如果你添加像

这样的东西

<p class="clear"></p> 

在关闭内容块div之前，它会使左右框显示为白色背景。