说一说盒模型

#前端/CSS #2024/07/30

目录

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

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

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

如下图所示：

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

如下图：