清除問題：正確;在Internet Explorer中

我遇到一些問題，IE沒有顯示Internet Explorer在我清除時無法正常工作：對;清除問題：正確;在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中，我的「更多」div正好在它右上方的2個右側div下，但是在IE中它似乎只是使用了兩者。

任何想法？

來源

2012-07-26 Resin01

什麼風格明確？從來沒有聽說過它 – Dom 2012-07-26 22:45:06

IE版本？它們相差很多 – 2012-07-26 23:10:25

@ DominicB-c'clear'用於使元素的邊與浮點數保持一致。因此，向元素添加'clear：right'意味着什麼都不應該浮動到該元素的右側。 – 2012-07-26 23:51:18

想通了。把所有權利的東西放入自己的股利，然後使用明確：兩者。因爲它是在它自己的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-27 22:24:50 Resin01

清除問題：正確;在Internet Explorer中

回答

相關問題