2020-11-23

1，盒子模型外边距：
margin：10px；
一个值：上 下左 右；
margin：10px 20px；
两个值：上下 左右；
margin：10px 20px 30px；
三个值：上 左右 下
margin：10px 20px 30px 40px；
四个值：上 下 左 右。
2，初始化网页元素；网页中所有元素的内边距都为0.
盒子水平居中：左右外边距设置为auto。前提条件：有width。
3，给相邻两个盒子设置margin，垂直方向外边距取两者中的最大值；
合并的解决：只给一个盒子外边距；
塌陷:嵌套的两个盒子都设置了margin，垂直方法的外边距取最大值。
塌陷的解决方法：
（1）给父元素加border；
（2）给父元素overflow；hidden。
border：1px solid red；
overflow 溢出；
hidden隐藏。