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隐藏。
2020-11-23
最新推荐文章于 2024-09-12 18:22:06 发布