IE7多个浮动的div宽度的百分比等于100%div容器内

这似乎在IE8,Chrome浏览器和Firefox的作​​品。 一切都应该在同一行,但在IE7中的最后一个分区出于某种原因似乎并不“适合”,并得到下降到下一行。 有一个简单的办法让这个与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>

--------------解决方案-------------

你可能不得不将它们设置为24.9%,而IE浏览器具有100%的综合百分比宽度的问题。

你应该制定明确的:权利; 您的所有浮动的div元素。 它会为IE浏览器工作正常。

这是简单的数学!

如果你的<div style="width: 95%">正在生成一个100px的元素,25%,每个元素childElement将导致25像素的元素。

但是,如果你的<div style="width: 95%">正在生成一个150像素的元素,每个元素childElement将37.5px

IE会那么这一轮价值高达38px(因为你不能有半个像素)。 然后,您将结束与38px = 152px的4要素

希望这可以帮助...

分类:HTML 时间:2015-03-15 人气:6
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.916 (s). 10 q(s)