我对<li>
标记内的浮动元素有疑问。
我有以下标记
<li>
<img src="concept-truck.jpg" alt="2013 Toyota Tacoma" id="itemImg" style="float:left">
<p>2013 Toyota Tacoma</p>
<p>Price : 450000$</p>
<p>Year : 2013</p>
<p><a href="/item/index/63">more</a></p>
</li>
在FF中,IE工作正常,但在Chrome列表编号浮动图像也是如此。 怎么解决?感谢
答案 0 :(得分:13)
我会像这样重写你的例子:
<li>
<div style="float: left;">
<img src="concept-truck.jpg" alt="2013 Toyota Tacoma" id="itemImg">
</div>
<div style="float: left;">
<p>2013 Toyota Tacoma</p>
<p>Price : 450000$</p>
<p>Year : 2013</p>
<p><a href="/item/index/63">more</a></p>
</div>
<div style="float: none; clear: both;"></div>
</li>
这是用内联样式的CSS属性编写的,我通常会避免这种情况,但在你的例子中,我像你一样编写它 - 内联。