css清除浮动有哪几种方式?

2018-05-2407:15:34网页制作Comments2,270 views字数 248阅读模式

1. 给父级加高度(这种方法扩展性不好,但兼容度高 )文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3549.html

2. 给父级浮动 /开启绝对定位/固定定位文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3549.html

3. overflow:hidden文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3549.html

4.空标签清除 <br clear:both>   ,扩展性不好,多出dom元素,不利于后期维护文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3549.html

5.添加    <br clear:all>  ,扩展性不好,多出dom元素,不符合结构样式规范文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3549.html

6. 在父级加一个伪元素 :
.father :after {
clear:both;
content:"";
display:block;
}
.father{
zoom:1;//IE专有属性,解决ie6、7浮动问题
}文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3549.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/zhizuo/3549.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定