HTML CSS DIV border padding 1.111 2.222 3.333

今天早上掉进了一个坑,照常打开VS2010和Google Chrome调试前端,忽然发现,我的布局全乱了, 特别是div嵌套的, 无缘无故border的大小就变化了,带了很多小数点, 如下:

本来border都是2px的, 但是现在变成了1.111, 原来border是3的, 变成了2.222, 以此类推,可是, 这个问题在IE上并不存在, 这时就很难排除了, 因为两个浏览器的兼容性不一样, 也不能排除是代码问题. 首先想到的是项目配置问题, 我没改过什么配置, 也找不出在哪里有这个设置. 下一个可能的问题是浏览器设置问题. 好像浏览器也没这样的选项. 重置了google chrome 也没用, 于是, 用另外一台电脑做实验,同样的VS2010,同样的Google chrome,同样的代码, 居然没问题. 由此推测, 应该是Google chrome 的问题. 好了, 想到的办法是重装. 手贱没有点删除配置, 重装好后, 还是老样子. 于是再次删除, 同时选择删除配置, 重启电脑, 终于好了.... 这应该是Google Chrome的问题吧.... 这个坑好深, 网上没有答案,走了好多弯路,幸亏我机智....