非浮動元素 - IE7

這是我的代碼（真正簡單）：非浮動元素 - IE7

<div style="float: left;"> 
    <div style="float: left;"> 
     <!-- Some content --> 
    </div> 
    <div style="float: right;"> 
     <!-- Some content --> 
    </div> 
    <form method="post" style="display: block; width: 100%; position: relative;"> 
     <fieldset> 
      <!-- Some content --> 
     </fieldset> 
    </form> 
</div>

在IE8中，FF3.6/4，Chrome和Opera它看起來不錯。 Div's沒有指定寬度，我想要填寫剩餘空間。但在IE7中，非浮動形式下降。我該怎麼辦？

你可以看到這個on this site（上欄）

來源

2011-03-25 Misiur

是否有您不希望指定寬度的原因是什麼？看起來他們的標題比必要的更冗長得多。會像下面的東西爲你完成同樣的事情？

<div style="float: left; width:100%;"> 
<div style=" display:block;float: left; position:relative; top:0; left:0; width:20%"> 
    <p>LEFT SIDE</p> 
</div> 
<div style="display: block; position: relative; float:left; top:0; left:0; width:60%;"> 
     <form method="post"> 
    <fieldset> 
     form stuff 
    </fieldset> 
</form> 
</div> 
<div style="display: block; float: left; position:relative; top:0; left:0; width:20%;"> 
    <p>RIGHT SIDE</p> 
</div>

這應該在IE瀏覽器CSS，但可能需要調整，以彌補舊的IE如何處理盒模型。

來源

2011-03-25 19:02:39 IMI

不，不能這樣做。 – Misiur 2011-03-25 20:30:45

當您指定窗體具有100％的寬度時，它會佔據父窗口的全部寬度，在這種情況下，父窗體與浮動窗格的寬度相同。

您可以清除非浮動的寬度並保留其餘的或爲浮動的寬度指定寬度並清除非浮動的寬度。

來源

2011-03-25 19:21:01 jackJoe

非浮動元素 - IE7

回答

相關問題