我有div.content包含div.images浮动,旁边是一个包含几个项目的列表。
问题是li 出现在 div.images元素上。我试图制作列表内联块,但在这种情况下,出现在 div.images 下的项目位于 div.images 的右边缘旁边。
任何想法?
我有div.content包含div.images浮动,旁边是一个包含几个项目的列表。
问题是li 出现在 div.images元素上。我试图制作列表内联块,但在这种情况下,出现在 div.images 下的项目位于 div.images 的右边缘旁边。
任何想法?
试试list-style-position: inside
li 元素。
例如:http: //jsfiddle.net/mqchen/psJyh/
添加
ul{
float: left
}
应该这样做
<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; }
如果您有一个列表而不是段落,它将是相同的。如果您有任何问题,您可以再次问我。谢谢你。
这将使它出现在图像
css 下方:
.content p, .content ul {clear:both}