0

IE でクリアしても Internet Explorer が正しく動作していないと表示されないという問題があります。

<div style="border-width:1px 0 0 0; border-style:solid; border-color:#ffae00; height:100px; width:450px;">

<div style="border:1px solid #ffae00; height:100px; width:100px; margin:-1px; float:left;"> Image </div>
<div style="float:left; padding:10px 0 0 10px; height:70px;"> Topic </div>
<div style="float:right; padding:35px 30px 0 0; height:45px; width:50px;"> Select </div>
<div style="clear:right; text-align:center; height:20px; width:450px;"> more </div>

</div>

これは私のコードです。クロムでは、私の「もっと」の div は、そのすぐ上の 2 つの右端の div のすぐ下にありますが、IE では両方ともクリアを使用しているようです。

何か案は？

4

1 に答える 1

0

理解した。権利のすべてのものを独自の div に入れてから、clear:both を使用します。独自の div にあるため、右端の 2 つの div のみに影響します。

<div style="border-width:1px 0 0 0; border-style:solid; border-color:#ffae00; height:100px; width:450px;">

<div style="border:1px solid #ffae00; height:100px; width:100px; margin:-1px; float:left;"> Image </div>

<div style="float:right; height:100px; width:349px;">
<div style="float:left; padding:10px 0 0 10px; height:80px"> Topic </div>
<div style="float:right; padding:35px 30px 0 0; height:45px; width:50px;"> Select </div>
<div style="clear:both; text-align:center; height:20px; width:100%;"> more </div>
</div>


</div>
于 2012-07-27T22:24:50.657 に答える