【前端每日一题】什么是浮动，有什么作用

知了堂姐

2024-07-08 17:22:16

0次

小伙计们，我是蛋糕哥...今天是「2020年7月28日」，今天是分享的「第18天」。非常考基础的一个题！面试题的解答限时一般是5-10分钟，所以在10分钟之内没弄出来正确答案的小伙就要认真阅读了。一来帮助成长中的小伙伴们成长（大神请忽略），二来算是磨练自己的意志，跟大家一起学习，一起成长...(不要问我为啥打这么多...成熟)

【今日面试题】什么是浮动，有什么作用，有何副作用，以及如何清除浮动？

答：浮动是使用给节点添加float属性，最初的设计是用来实现文字环绕的。

添加了float的节点脱离文档流，同时触发节点的BFC，让节点往一个方向靠，并排成一行。

当一个父节点的子节点全部浮动，就会造成父节点高度塌陷，

解决的办法首先是可以给父节点主动添加高度值，再者利用只要有一个子节点不浮动原理来添加一个不浮动的节点（通常使用伪元素before，after），再者还可以触发父节点的bfc，常用的定位，或者overflow：hidden。

你会了吗，更多前端学习干货，欢迎关注公众号。

上一篇：【前端每日一题】之 this 和作用域

下一篇：所有教材报名即送，其他非正式学员可联系官方获得

预约申请试听课