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 に答える