我在内页上工作，它是http://www.kaniamea.com/fern/inner.html。容器id =“inner”中的背景不会显示。在我将id =“inner-left”和id =“inner-right”添加到页面后，它崩溃了。 id =“inner-left is float：left，所以当我删除它时，背景会回来，但是右边的面板位于左侧面板下面，这不是我想要的。不知道可能出错了什么？非常感谢！
答案 0 :(得分：0)
浮动内容会使它们脱离正常的内容流。结果，父容器在计算它应该占用的高度时不再允许它们。
您的父div，ID =＆＃34;内部＆＃34;只包含那两个div＆＃34;内部左边＆＃34;和＆＃34;内在的＆＃34;。因此，只要你浮动它们，父div就会完全没有任何内容，因此不再需要占用任何高度。因此它降低到零高度，并且不再看到它（以及它的背景）。
解决这个问题的一种方法是在父容器中添加另一个div，但在内部左右内部div之后添加，并在css中为其指定属性clear：both： -
html: <div class="clearboth"></div>
css: .clearboth { clear:both };
清除两者使其位于两个浮动div之下，然后这会强制父div扩展以接收此div。
另一种方法是，在CSS中，为父容器提供样式：overflow：hidden。