# 盒模型

# 1. 标准和模型

box

# 2. IE盒模型

box

# 3. FLEX盒模型

flex-box

# 4. box-sizing

有时候改变 box-sizing 属性,减少不必要的计算。box-sizing 是影响宽高范围的属性。

box-sizing: content-box | border-box | inherit;

content-box 是标准盒模型,也是默认属性:

宽和高:content 的部分,不包含 padding, border, margin

属性值为 border-box 时:

width = 2 * border + 2 * padding + content
height = 2 * border + 2 * padding + content  
更新时间: 12/26/2021, 1:44:08 PM