ie7多个浮动div，其百分比宽度等于容器div内的100％

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元素。 它适用于IE。

Answer 3

这是简单的数学！

如果<div style="width: 95%">生成一个100px元素，则每个25％的childelement将生成25px的元素。

但是，如果<div style="width: 95%">生成150px元素，则每个childelement将为37.5px

然后IE会将此值四舍五入到38px（因为你不能有半个像素）。 然后，您将得到4个38px = 152px的元素

希望这可以帮助...