各浏览器对小数处理取整的情况对比【IE、chrome、firefox、safari】
今天终于遇到这个浏览器下对小数处理不同的问题了，经过我的测试，得出的结论如下：
1、四舍五入的浏览器：IE8、IE9、Chrome、Firefox
2、直接取整的浏览器：IE7、Safari
测试代码：
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title><style type="text/css">.class1{width:10.1px;height:6px;border:0px;background-color:Black;}</style></head><body> <form id="form1" runat="server"> <div class="class1"> </div> </form></body></html>
让我有点不解的是IE的各个版本间的解析居然不一致，还有就是Chrome和Safari用的同一内核，居然对这个小数问题的解析不一致。
避免此类问题发生的办法就是将计算出来的宽度、left等值转化成整数再进行赋值操作。如果不取整，特别是遇到Table的情况，显示的结果就不一样了，因为每个浏览器对Table的处理还有区别，我就碰到一次IE和Chrome不一样的情况。