Html CSS:UL'；s/OL'；s vs.Div在IE中向左浮动

这种情况下，客户机需要一个浮动div（灰色框），其中包含环绕它的文本。然而，其中一些文本包括ul和ol，它们隐藏在IE6中浮动div的后面

我试着将ul/ol包装在一个div中，看看这是否有帮助，但没有成功。以前是否有人遇到过此问题并找到了合适的解决方案

（注意：这是一个旧站点，在布局中修改其他内容的能力有限）

然而，其中一些文本包括ul和ol，它们隐藏在IE6中浮动div的后面

如果我们说的是这么简单的事情：

<div style="border: dotted red 1px; float: left; width: 100px; height: 100px">foo</div>
<p>bar</p>
<ol style="border: dotted blue 1px;">
    <li>potato</li>
    <li>yoghurt</li>
</ol>

foo
酒吧

马铃薯
酸奶

然后这里发生的事情会发生在所有浏览器上，而不仅仅是IE。您可以从本例的边框中看到：列表的左侧填充发生在浮点后面，而不是将列表内容进一步推向右侧。这是因为浮动只排斥线框中的项目，而不排斥块元素

---

如果您想快速解决问题，请使用“显示：内联块”样式将

包装起来。
我认为您可以修改li，将其项目符号显示在内部而不是外部，这将有助于您

ul {
   list-style-position: inside;
}

---

浮动+IE6总是会导致一些无意的疼痛和痛苦。一些简单的修复：
• 向浮动框添加更多边距
• 在ul/ol中添加一些左边距