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

的元素

希望这会有所帮助......

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

3 个答案: