ie盒子模型box-sizing:border-box;（怪異模式）
w3c標準盒子模型box-sizing:content-box;（標準模式）預設模式
content-box:這是預設樣式指定css標準。測量width和height屬性只包括的內容，但不是border, margin, 或者 padding。
padding-box:width和height屬性包括padding的大小，不包括border和margin
border-box:width和height屬性包括padding和border，但不是margin。這是盒模型的文件時，internet explorer使用quirks模式。
content-box不包含padding，border-box包含padding。所以如果你設定的大小是一樣的，content-box看起來，會比border-box大
css盒模型有哪些屬性
css盒模型是定義元素周圍的間隔 尺寸 外邊距 邊框以及文字內容和邊框之間內邊距的一組屬性的集合。示例 效果圖 由此可見 外邊距margin是不可見的，如果設定了父元素的背景，就可以看到 背景色在邊框區域設定乙個不同的背景，就可以看到內邊距 padding 區域。並且盒模型是由margin 外邊界 ...
CSS盒模型及排版
css盒模型由四部分組成 margin border padding content。外邊距 邊框 內邊距 內容。我們設定的width和height都是內容的大小，從而影響整個盒子的大小。盒子的佔位大小包括margin，但盒子的尺寸不包括margin。比如 盒子的高度 border width pa...
CSS盒模型及應用
注意事項 important 如果乙個盒子沒有給定寬度 高度或繼承父類的寬度 高度，盒子大小不受影響 新盒子 盒子大小就是寬度,padding width 包含在width中 box sizing border box 盒子計算尺寸 重點 box sizing content box 外盒尺寸計算 ...