为什么要给另一个【没有浮动的同级别元素】设置 clear 属性

来源：3-6 浮动样式详解

MRNUR

2021-10-24

老是您好，我想请问一下，当我们给两个元素中的一个设置浮动属性的时候，为了清除浮动，为什么要给另一个没有浮动的同级别元素设置 clear 属性呢？当我们给没有浮动的元素设置 clear 属性之后，**浮动的元素会回到 “文档流” 中吗？**这是"清浮动"的意思吗？

写回答

1回答

西门老舅

2021-10-24

**元素浮动后，**元素脱离了文档流，而同级别后的??等元素依然在正常文档流中，故??元素进行了位置的塌陷。
给同级后的??元素添加clear:both属性，会使得??元素不塌陷，其位置跟**元素没有浮动前一样，但是**元素并没有回到正常文档流，依然是脱离文档流的状态。
所谓的清除浮动的叫法，就是clear属性的音译而已。clear语法规定就是上面说的用法，再次强调下，**元素还是脱离文档流的。

前端内功修炼 5大主流布局系统进阶

前端内功修炼：5大主流布局系统进阶

758 学习 · 231 问题

查看课程

相似问题

逻辑像素是移动设备独有的吗？

回答 1

是只有移动端才需要除于2吗？

回答 1

您好，西门老师，请问目前主流在PC和移动端设计图设计尺寸大小

回答 1

老师，为什么不加height：100%，子容器的几个flex样式就不生效了呢？

回答 1

提问

回答 1

打开慕课网App查看更多内容