Question

ie8 下div宽度为什么会变大。。。

Answer 1

应该不是宽度变大，而是浏览器对样式的解析不一样，像你这里可能是下面几个问题：
1、先说边框boder；
小实验：有兴趣大家可以看看这段实验。在不同浏览器下分别测试以下各项代码。
a.
b.
c.
d.
上面的代码在不同浏览器中是不一样的，实验起源于对小height
值div
的运用，
，小height
值要配合overflow:hidden一起使用。实验好玩而已，想说明的是，浏览器对容器的边界解释是大不相同的，容器内容的影响结果各不相同。
2、最被痛恨的，double-margin
bug。ie6下给浮动容器定义margin-left
或者margin-right
实际效果是数值的2倍。解决方案，给浮动容器定义display:inline。
3、给容器定义padding的实际效果是padding值加上所设定的宽度或者高度值；
例如：
上面这个代码在浏览器中实际显示的宽度为140px，高度为120px，所以你如果想要实际宽度为100px高度为80px的话，那么你代码写的宽度就要为60px，高度为40px
给你分析了通常容易出现的问题，你自己分析一下你是哪个吧