清除问题：正确;在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中

回答

相关问题