面试了许多求职者,很多求职者只知其然,而不知所以然,写此文章为广大前端小伙伴指引迷津。纯干货!纯干货!纯干货!
目录
浮动
为什么要清除浮动?
答:清除浮动是为了解决父级元素因为子级浮动而引起的内部高度为0的问题。
清除浮动几种方法?
额外标签法:最后一个浮动标签末尾添加一个空标签。
缺点:新增无意义的标签。
给父级的盒子添加 overflow:hidden;
缺点:影响布局。
使用 after 伪元素清除浮动(最常用,重点)
content: "";
display: block;
height: 0;
visibility: hidden;
clear: both;