外边距合并

1、给父元素设置外边框（border）或者内边距（padding）(不建议)

2、触发BFC（推荐）

1. 子元素或者父元素的float不为none
2. 子元素或者父元素的position不为relative或static
3. 父元素的overflow为auto或scroll或hidden
4. 父元素的display的值为table-cell或inline-block

 

.father::before{
    content: '';
    display: table;
    clear: both;