李飞过浮动的div

Question

我有 div.content ，其中包含 div.images ，它会被浮动，旁边是一个包含几个项目的列表。

问题在于 li对div.images 元素的影响。我试图使列表内联块，但在这种情况下，div.images下面出现的项目位于div.images的右边缘旁边。

http://jsfiddle.net/kmZ3X/

有什么想法吗？

Answer 1

在li元素上尝试list-style-position: inside。

例如：http://jsfiddle.net/mqchen/psJyh/

Answer 2

添加

ul{
float: left
}

应该这样做

Answer 3

这将使其显示在图像下方 的CSS：

 .content p, .content ul {clear:both}

Answer 4

<div class="content">
 <img alt="Desert" src="images/Desert.jpg"/>
 <p>sth.</p>
</div>

div.content img
   {display: block;float: left; margin-right: 10px;border: solid 1px #999;padding: 5px; }

如果您有一个列表而不是段落，它将是相同的。如果你有任何问题，你可以再问我一次。谢谢。