Web前端 — CSS之盒模型 以及margin负值、塌陷重叠问题

所有命运馈赠的礼物，都已在暗中标好了价格。——茨威格

 

1.什么是盒模型？

说一下你对CSS盒模型的理解。

 css的盒子模型（box model），

可以把每个可视的HTML元素看作是一个矩形盒子，也就是一个盛装内容的容器。

这个盒子由里到外包括：content（内容）、padding（内边距）、border（边框）、margin（外边距）四个部分。

2.盒模型的类型

盒模型有两种，标准盒模型和IE盒模型（也称怪异盒模型）

（1）标准盒模型（宽高 = 内容部分）

（2）IE盒模型（宽高 = 内容+内边距+边框）