在絕對容器中左右浮動 - IE7擴展爲100％寬度

我想在左邊浮動並在右邊浮動到絕對容器中......在Chrome中工作正常，ff 預期行爲是chrome..to只是孩子的寬度不是整個寬度。在絕對容器中左右浮動 - IE7擴展爲100％寬度

HTML

<div class='container'> 
    <div class='floatLeft'>float left </div> 
    <div class='floatRight'>float right </div> 
</div>

CSS

.container{ 
    background-color: orange; 
    position:absolute; 
} 
.floatLeft{ 
    float:left; 
    background-color: green; 
} 
.floatRight{ 
    float:right; 
    background-color: yellow; 
}

在IE和Chrome In Chrome

來源

2014-06-26 coool

當您爲容器設置寬度時會發生什麼？ – Blunderfest

它工作正常寬度..但在一個絕對的容器..我不能決定寬度 – coool

塊元素得到100％作爲默認值。您必須爲元素設置寬度。 – enguerranws

-1

這是由於IE7已經是一個糟糕的瀏覽器，當談到實現視覺的格式化W3C指定的模型。而絕對定位的塊元素應該收縮以適應其內容，IE7讓它們伸展到最大可用寬度，即使畫布寬度（如果它們包含一對L en R浮動元素）。

我建議不再爲IE7編碼。他們的所有者必須主動阻止Windows Update將其更新爲8.在每次更新中，甚至到今天。如果您在兼容模式/視圖中關注較高版本的IE版本，則在用於訪問您的站點時，可以輕鬆地將它們強制爲自然模式。

此外，它很少再使用。我甚至聽說它昨天離開了這座大樓。 :-)

來源

2014-06-28 04:32:17

在絕對容器中左右浮動 - IE7擴展爲100％寬度

回答

相關問題