0

我有div.content包含div.images浮动,旁边是一个包含几个项目的列表。

问题是li 出现在 div.images元素上。我试图制作列表内联块,但在这种情况下,出现在 div.images 下的项目位于 div.images 的右边缘旁边。

http://jsfiddle.net/kmZ3X/

任何想法?

4

4 回答 4

1

试试list-style-position: insideli 元素。

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

于 2012-08-21T20:58:05.643 回答
0

添加

ul{
float: left
}

应该这样做

于 2012-08-21T20:58:22.937 回答
0
<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; }

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

于 2012-08-21T22:28:37.623 回答
0

这将使它出现在图像
css 下方:

 .content p, .content ul {clear:both}
于 2012-08-21T20:58:40.320 回答