这是一个常见的问题,但我无法弄清楚它为什么会发生.
我有一个父div,在div里面我有3个div,宽度设置为33%(确切地说,不是33.3%!)和display: inline-block.
在Chrome中它运行良好,但在Mozilla和Opera中它没有(我还没有在IE中测试它).我认为问题可能出在算法浏览器用于从百分比计算像素大小的算法中.但是当我检查DOM指标时,我发现父亲的宽度是864px而孩子的宽度是285px(这是正确的:864*.33 = 285.12).但为什么它不适合父母呢？285*3 = 855,比父母的宽度小9px!
哦,是的,所有div的填充,边距和边框设置为0,DOM指标确认.