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

Question

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

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

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

在我的代码中，希望将 leftBlock 和 rightBlock 保留在白色背景内。

谁能帮帮我

Answer 1

请参阅小提琴的代码和演示

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

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

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

看屏幕截图：

Answer 2

检查你的风格规则，

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

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

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