html - ul 填充不适用于 float img 旁边

Question

我有一个非常基本的 CSS 问题。

我的左上角有一个 float 图像，带有 margin-right。内容由段落和带元素符号的列表组成。我希望我的列表有一个 padding-left 以获得更多可见性，并且我的元素符号出现在“list-style-position: outside”(文本必须对齐)。

我的问题是，当我的 float 图像旁边显示一个列表时，ul 填充不适用。

这是一个带注释的屏幕截图供您理解:

这种行为发生在 FF 和 Chrome 中。对于 IE，情况更糟，因为元素符号出现在 float 图像的最左侧...

编辑:css 属性“ul{overflow: hidden;}”不是一个选项，因为我想避免这种情况:

很抱歉，我无法向您展示一段代码，因为它是一个 Drupal 网站，节点的内容是由所见即所得模块生成并由网站管理员和编辑编写的。我无权访问生成的结构。内容不固定，文中处处可能出现列表。

这个 fiddle 很好地代表了我的情况:http://jsfiddle.net/34Cuf/

Answer 1

我认为你必须摆脱这个:

list-style-position: outside

这是将您的元素符号点放在填充之外。在盒子模型中，边界框外的任何东西在 float 期间都会折叠。