CSS：UL/OL 对比div在IE中向左浮动

Question

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

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

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

Answer 1

我觉得你可以修改里的施展子弹内，而不是外侧，并且应该帮助你...

ul {
   list-style-position: inside;
}

Answer 2

  

然而一些文本的包括UL的和醇的，其隐藏在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浏览器发生。您可以从这个例子中，边界看到：发生在列表的左侧填充浮动的背后，不推列表内容进一步向右。这是因为浮筒仅排斥项的行框，不会阻塞的元件。

如果你想快速黑客解决办法，包裹在

在
与风格“显示：inline-block的。”

浮动+IE6总是会造成一些无意的痛苦和折磨。一些简单的修复：

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

Answer 3

浮动+IE6总是会造成一些无意的痛苦和折磨。一些简单的修复：

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