方法一二三比较。

来源:2-13 清除浮动其它方法

慕少3787090

2019-03-25 17:43:13

请问各自的优缺点是什么,为什么老师视频说方法上利用:after方法三比较常用?那么长的代码敲下来不是更浪费时间吗。方法一二多便捷。

写回答

1回答

好帮手慕夭夭

2019-03-25

你好同学 ,解答如下

1.第一种 , 结尾处加空div标签clear:both

如果页面浮动布局多,就要增加很多空div ,会感觉很麻烦了

http://img.mukewang.com/climg/5c98ab0c000103e707810231.jpg

http://img.mukewang.com/climg/5c98ab140001591c06370118.jpg

2.第二种,父级div定义overflow:hidden

用起来很省事 ,只有一行代码 ,不过因为overflow:hidden还有一个作用就是超出盒子的内容会被隐藏 ,所以不能和position配合使用,因为超出的就会被隐藏

http://img.mukewang.com/climg/5c98ab240001654907380233.jpg

3.第三种 , 父级div定义伪类:after和zoom

这种方法样式的代码多,要如下两段代码结合使用,才能让主流浏览器都支持 . 

http://img.mukewang.com/climg/5c98ab330001efd703670287.jpg

当然 ,这三种方式差异并不是很大 . 实际运用中 ,第三种用法比较多 .  是因为第三种直接在css定义一个公共的类名 ,然后清除浮动是给元素加上类名即可 . 用起来比较方便 .

同学可以跟着视频练习一下哦 , 能够帮助自己理解 . 祝学习愉快 ,望采纳

3

0 学习 · 40143 问题

查看课程