常用的清除浮动(clearfix)方法：
清除兄弟元素带来的浮动影响
- 方法一：在浮动元素后新增一个空div标签，设置
clear:both; - 方法二：在有影响的兄弟元素中设置
clear:both;
清除子元素给父元素带来的浮动影响
- 方法一：给父元素设置
overflow:hidden;可加*zoom=1;用于兼容IE6 - 方法二：使用after伪元素清除浮动
.outer::after{ content: ""; display: block; clear:both; }注：:before/:after是Css2的写法，::before/::after是Css3的写法
:before/:after 的兼容性要比::before/::after好 ，
不过在H5开发中建议使用::before/::after比较好
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/231475.html原文链接：https://javaforall.net
