CSS系列-浮动

84 阅读1分钟

面试了许多求职者,很多求职者只知其然,而不知所以然,写此文章为广大前端小伙伴指引迷津。纯干货!纯干货!纯干货!

目录

浮动

为什么要清除浮动?

答:清除浮动是为了解决父级元素因为子级浮动而引起的内部高度为0的问题。

清除浮动几种方法?
额外标签法:最后一个浮动标签末尾添加一个空标签。
缺点:新增无意义的标签。
给父级的盒子添加 overflow:hidden;
缺点:影响布局。
使用 after 伪元素清除浮动(最常用,重点)
content: ""; 
display: block; 
height: 0; 
visibility: hidden; 
clear: both;

小白也是新手面试官,欢迎领导莅临指导工作,提出建议,小白不胜感激,不喜勿喷,点赞收藏随机送程序媛小姐姐一枚哦!!!