IE/win和框模型

P24:(书中原文称盒子模型为框模型，文中框模型和盒子模型同义)

在CSS中，width和height值得是内容区域的宽度和高度。增加padding、border和margin不会影响内容区域的尺寸，但是会增加元素框的总尺寸。假设一个盒子模型，margin为10px,padding为5px,内容区域宽度为70px.这个盒子在页面中的占位宽度为100px(width:70px+padding:5px*2+margin:10px*2)。如果设该盒子的边框为{border:1px solid red;}，则盒子从左边框到右边框(含边框)的长度为82px(width:70px+padding:5px*2+border:1px*2)。

 

IE5.x和IE6在怪异模式中使用自己的非标准框模型。这些浏览器的width属性不是内容的狂度，而是内容、填充和边框的宽度总会(即：width包含元素本身的宽度+padding)。例如，续用上面的模型，该盒子在页面中所占的宽度会是90px(width:70px(在IE5.x和IE6的怪异模式中，认为每个边上padding:5px是70像素宽度的一部分，这样的话，内容宽度就只剩60px)+margin:10px*2).

 

（解决方案有待续写）