css盒子模型

标准盒模型的宽高只是内容(content)的宽高,

而IE盒模型的宽高是内容(content)+填充(padding)+边框(border)的总宽高。

1.box-sizing: content-box(默认)

box-sizing: content-box.jpg
width 和 height 代表content的宽高

2.box-sizing: border-box

box-sizing: border-box.jpg
width 和 height 包含 content,padding和border

你可能感兴趣的:(css盒子模型)