如果有不一样,建议你用F12控制台,查查是否有其他优先级更高的设置影响了。
比如百分比布局之类的,你浏览器可视区宽度1000px,你定义三个横在一行的div,每个宽度:33.33333%,那么1000px/3总是除不尽的,就会产生小数点,所以js动态计算出的宽高、位置啊,都最好要把值取个整再赋给元素。最终浏览器渲染还是要把这个百分比值还原成像素才能在屏幕上正确显示(屏幕是基于像素的),所以你那三个div渲染出来实际宽度是:333px、333px、334px,但是在浏览器内部记录的宽度是33.3333..%。
首先说下小数宽度在各个浏览器中的不同:chrome,firefox,ie8 下小数会通过四舍五入的方式转成整数
而 ie6,ie7 会对小数进行下限取整转成整数
需要特别注意的是:ie7 中,直接按照四舍五入
所以不管你写多少位都会有浏览器不兼容,尤其是IE8以下的。
建议您百度一下:各浏览器对css百分比小数点的解析
IE6只会认33%不会认识后面的小数
通过测试分别修改宽度,然后在alert出div的宽度然后看在几位小数后宽度没变化就知道支持到几位了
测试谷歌会认识到33.333% 也就是小数后三位
其他的可以自行用上述方法测试,但是建议都使用整数,不考虑IE6可以到小数点后一位