ie7多個浮動div，百分比寬度等於100％內部容器div

Question

這似乎適用於ie8，Chrome和Firefox。一切都應該在同一行，但在ie7最後一個div由於某種原因似乎不適合，並下降到下一行。有沒有一種簡單的方法來使它與ie7一起工作？

<div style="width: 95%"> 

    <div style="width: 25%; background-color: blue; float: left;">test1</div> 

    <div style="width: 25%; background-color: green;float: left;">test2</div> 

    <div style="width: 25%; background-color: red;float: left;">test3</div> 

    <div style="width: 25%; background-color: yellow;float: left;">test4</div> 

</div> 

Answer 1

您可能必須將它們設置爲24.9％，因爲IE在組合百分比寬度爲100％時存在問題。

Answer 2

這是簡單的數學！

如果您的<div style="width: 95%">正在生成100px元素，則每個25％的childelement將生成25px的元素。

但是，如果你的<div style="width: 95%">正在產生150像素元素，每個元素childElement將37.5px

IE會那麼這一輪價值高達38px（因爲你不能有半個像素）。 你會結束了38px的4個元素= 152px

希望這有助於...

Answer 3

你應該只設置明確的：權利;爲所有浮動div元素。它會適用於IE。