由于定位，背景不可见

Question

<ol＆gt;的背景颜色列表未正确显示。我向左移动标签并向右输入后，此问题就开始了。如何解决这个问题。预期结果是：

以下是我的结果：http://fiddle.jshell.net/WZ3nM/1/

同样地，我对div .wrapper有疑问。阴影应该低于内容，<div class=.col-2>下面应该有一个白色背景。

Answer 1

在关闭<ol>

之前，您需要清除浮动

查看here。

Answer 2

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

每当你漂浮物品时，你必须在最后清除它们，以便它可以正确计算高度

Answer 3

我修改了您的代码并添加了第三个＆lt; li＆gt;具有以下样式：

clear:both;

您的浮动正在从文档流中取出元素，而背景颜色不知道在哪里结束。

希望有所帮助。

Answer 4

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

li{overflow:auto;}

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

li{height:1px;}

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