清除浮动的方法

1.父元素塌陷问题

解决方法:将父元素设置宽高

2.同级元素被浮动影响

解决方法:受影响的元素添加  clear:both

3.父元素塌陷的同时同级元素受到影响

解决方法:
1. 父元素设置overflow:hidden; clear:both;
2. 伪对象方法
    父元素::after {
        content:'';
        display:block;
        clear: both;
    }

你可能感兴趣的:(前端css3)