Question

我遇到一些问题，当我清除时，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>

这是我的代码。在chrome中，我的“more”div正好位于它右上方的2个最右边的div下面，但是在IE中它似乎只是使用了clear。

有什么想法吗？

Answer 1

想出来。将所有权利放入自己的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>

问题清楚：正确;在Internet Explorer中

1 个答案: