CSS IE問題在一行中有兩個div

我有以下代碼在FF上正常工作。正如你所猜測的，我希望在瀏覽器調整大小時，以下兩個div保留在一行中而不會中斷。CSS IE問題在一行中有兩個div

<div style="float: left; margin-right: 10px; "> 

</div> 

<div style="overflow: hidden;"> 

</div>

但按照慣例，當我用IE 9測試頁面時，右邊的div已經低於左邊的一個。

有人可以請幫我在這裏，感謝，

來源

2013-03-04 ComeRun

嘗試向右移動。如果上面的'div'漂浮在右邊，那麼下面的那個會在左邊。 – Sheric 2013-03-04 06:29:46

也float其他div

<div style="float: left; margin-right: 10px; "> 

</div> 

<div style="float:right; overflow: hidden;"> 

</div>

=================== ======================================= >>>

UPDATE

HTML

<div class="marginRight"></div> 
<div></div>

CSS

div { 
    float:left; 
    border:1px solid red; 
    width:45%; 
    height:100px; 
} 
.marginRight {margin-right: 10px;}

WORKING DEMO

來源

2013-03-04 06:30:07 jhunlio

沒有人，這不會幫助我，因爲它會將兩個div放到兩側，而我希望正確的填充整個右空間 – ComeRun 2013-03-04 06:36:25

，因爲您可以用另一個div來包裝這兩個「div」。 – jhunlio 2013-03-04 06:39:03

hi can你顯示圖像，以便我可以很容易地找出你想達到什麼如果可能的話。 – jhunlio 2013-03-04 06:42:48

無論是在你的第二個div添加"float:right「或添加"width:XXpx"到您的第一個div。

來源

2013-03-04 06:33:08

與另一個DIV把它包

<div> 
    <div style="float: left; margin-right: 10px; "> 

    </div> 

    <div style="float:right; overflow: hidden;"> 

    </div> 
</div>

來源

2013-03-04 06:42:13 ggcodes

它做工精細

，如果你想要更多的配置

<div style="display:table-row;"> 
<div style="width:49%; margin-right:2%; height:100px; float:left; display:table-cell;"> any thing you wanted </div> 
<div style="width:49%; height:100px; float:left; display:table-cell;"> any thing you wanted </div> 
</div>

來源

2013-03-04 06:42:26

使用一個div容器，並設置兩個div來佔頁面總寬度的百分比或總頁數的百分比。

#containerdiv { 
width:100%; 
overflow:hidden; 
} 
#leftdiv { 
width:20%; 
overflow:hidden; 
float:left; 
#rightdiv { 
width:80%; 
overflow:hidden; 
float:left; 
} 


<div id="containerdiv"> 
<div id="leftdiv"> TEST </div> 
<div id="rightdiv"> TEST </div> 
</div>

請記住，如果您使用邊距和填充，您將需要調整接下來排列的百分比或像素。例如，。如果向左側div添加1％的填充，則會將右側div下推至第二條線，因爲您現在佔容器div寬度的總數的101％。

來源

2013-03-04 14:01:49

CSS IE問題在一行中有兩個div

回答

相關問題