css怎么清除浮动?附3种方法
1、首先我们使用hbuilder,新建一个html文件,写上内容,如下图:

2、给两个子标签,设置宽高,背景色,发现一行显示一个,如下图:

3、设置浮动,让两个div并排显示,并给父级加背景色,如下图:

4、没有清除浮动,父级背景色不显示,必须清除浮动,clear:both ,如下图:

1、给父级直接加样式overflow:hidden,如下图:

1、使用伪类,给父级加样式,
.clearfix:after{
display:block;
clear:both;
content:"";
visibility:hidden;
height:0
}
.clearfix{
zoom:1
}
浏览器兼容性好,不容易出现怪问题
如下图:

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:39
阅读量:113
阅读量:49
阅读量:95
阅读量:148