外边距合并+背景+案例-----潭州老师 雀雀

外边距合并是什么情况,

为什么会有合并?

只能是块级元素

合并的三个条件:

1 垂直方向

2父级和子级相遇

兄弟与兄弟之间  垂直方向相遇

3 必须是块级元素

怎么去解决?

1 用padding   : 使用父级的padding. 常规办法.

2 border: 

兄弟与兄弟垂直方向上的相遇:

方案:

1 浮动  定位的特性解决

2 overflow  :  hidden;对元素溢出的处理---隐藏  后期会深将   bfc

3  给父级一个 inline-block

总结一下,常用的是 用 padding ,了解了后面的几种 就可以直接避免合并的发生.

背景

背景background-color 

背景颜色只是,标签的底色,不占位置. 里面加内容 后,发现是从左上排列.