13

<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 中,列表编号也会浮动图像。如何解决?谢谢

4

1 回答 1

16

我会像这样重写你的例子:

<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 属性编写的,我通常倾向于避免使用它,但就像在您的示例中一样,我像您一样编写它 - 内联。

于 2013-07-29T10:46:50.220 回答