page contents

什么是浮动,有什么作用,有何副作用,以及如何清除浮动?

轩辕小不懂 发布于 2022-08-11 14:44
阅读 596
收藏 0
分类:WEB前端开发
4061
Nen
Nen
- 程序员

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

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

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

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

请先 登录 后评论