在另一个div中包含一个div
这个问题在这里已经有了答案：
问题是你正在使用float：left，但不是在它之后“清除”任何东西。 非定位和非浮动元素的作用就像浮动元素不存在。 因为浮动元素相对于其他块元素不在流动中。 含义：因为'boxb1'有'float：left'，所以父母会假装'boxb1'不在那里。
在CSS中添加如下内容：
.clear {
clear: both;
}
html可以像这样改变：
<div class="container">
<div class="bba">
<h1 style="text-align: center">Text</h1>
<div id="boxb1">
<h3>box1</h3>
<div id="twlth" width="10%" height="6%"></div>
</div>
<div class="clear"></div>
</div>
的jsfiddle
请参阅：http：//www.smashingmagazine.com/2009/10/the-mystery-of-css-float-property/了解更多关于此信息（以及其他潜在的解决方案）
链接地址: http://www.djcxy.com/p/88433.html