html - ie7 多个 float 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% 的组合百分比宽度方面存在问题。