盒模型

#前端/CSS

目录

• 1. 标准盒模型 和 IE 盒模型
• 2. box-sizing 可以设置装两种模型

1. 标准盒模型 和 IE 盒模型

CSS box-sizing 的默认值是 content-box

• 标准盒模型：width = content
• IE 盒模型：width = border + padding + content

如下图所示：

2. box-sizing 可以设置装两种模型

如下图：