clear-clearfix

 clear: both;清除两侧中最大影响的那侧

 

left/right

 

完美解决高度塌陷或者外边距重叠

.clearfix::after,

        .clearfix::before

        {

            content: '';

            display: table;

        clear: both;

        }