由于定位造成背景不可见

Question

<ol>背景颜色显示不正确。这个问题在我将标签左移并输入正确后开始。如何解决这个问题。预期的结果是：

这里是我的结果：http://fiddle.jshell.net/WZ3nM/1/

同样我有问题的div .wrapper。阴影应该低于内容，并且在<div class=.col-2>下应该有白色背景。

Answer 1

我修改了代码，增加了第三<李>有以下样式：

clear:both; 

您的float正在将元素从文档流中取出，并且此背景颜色不知道结束位置。

希望有所帮助。

Answer 2

你需要清除浮动，你闭上你的<ol>

检查出来here之前。

Answer 3

http://fiddle.jshell.net/WZ3nM/5/

当你漂浮的东西，你必须在最后清除它们，以便它可以计算高度恰当

Answer 4

正如其他人建议您可以清除浮动内容 - 虽然这会增加另一个元素。您还可以添加

li{overflow:auto;} 

这将防止列表崩溃。在IE6中，您还需要规则

li{height:1px;} 

http://fiddle.jshell.net/WZ3nM/9/。该方法不需要清除元素。