CSS：UL的/ OL's与Div在IE中左移

Question

场景是客户端想要一个包含文本的浮动div（灰色框）。然而，其中一些文本包括ul和ol，它们隐藏在IE6中的浮动div之后。

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

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

Answer 1

我认为你可以修改li来展示他们的内部而不是外部的子弹，这应该可以帮助你......

ul {
   list-style-position: inside;
}

Answer 2

  

然而，其中一些文字包括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>

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

如果您想要快速解决方法，请打包＆lt; ul＆gt;在＆lt; div＆gt;中风格'显示：内联块'。

Answer 3

浮动+ IE6总是会引起一些无意的痛苦和痛苦。一些简单的修复：

1. 为浮动框添加更多边距
2. 在ul / ol
中添加一些左边距