一:W3C盒模型

width就是concent的宽度,不包括padding margin border的长度
clipboard.png

二:IE盒模型

width=concent+padding+border

clipboard.png

三:例子

IE6/7/8比较怪异,在不写doctype的情况下使用ie盒模型
,导致相同的代码在chrome和ie浏览器绘制结果不同。
clipboard.png

四:box-sizing

box-sizing是css3的新的属性。

box-sizing:content-box        W3C盒模型
box-sizing:border-box         IE盒模型


bamboo
75 声望9 粉丝

bamboo前端学习笔记


« 上一篇
css基础样式2
下一篇 »
css-浮动