1.给父级加个高度【不会用这种方法清除浮动】
2.使用空标签(在浮动元素的同一等级【兄弟元素】最后面加个空标签)清除浮动:这个做法的好处是兼容性强,但是添加了多余的标签,造成了浪费【不建议使用】
3.overflow: hidden;会导致溢出的元素被截断,【给浮动元素的直接父级加此属性】【不建议使用】
4.设置父元素的display为inline-block:导致父元素无法使用margin:0 auto;实现居中【不建议使用】
- css伪元素选择器【选择某个或者某些元素添加伪元素】
div::before:之前 当前元素内部【直接子元素】的最前面
div::after:之后 当前元素内部【直接子元素】的最后面
选择符:after{
content:"";
clear:both;
display:block;
height:0;
overflow:hidden;
visibility:hidden;
}