fixed 定位和 float 都是用于控制元素布局的方法，但它们的工作方式和效果截然不同，导致它们在脱离文档流上的表现也不一样。

脱离文档流:

fixed: fixed 定位会完全脱离文档流。这意味着它不再占据文档流中的空间，其他元素会忽略它的存在，就像它不在那里一样。 fixed 元素的位置是相对于浏览器视口（viewport）计算的，即使页面滚动，它也会停留在屏幕上的相同位置。

float: float 定位会使元素脱离正常的文档流，但它仍然会占据文档流中的空间。这意味着其他块级元素会环绕浮动元素，而内联元素会像流水一样环绕浮动元素。但是，浮动元素的父元素会塌陷，因为它不再包含浮动元素的高度。 这是 float 定位带来的一个常见问题，需要使用清除浮动的方法来解决。

主要区别总结:

特性

fixed

float

脱离文档流

完全脱离

部分脱离（占据空间，父元素塌陷）

定位基准

浏览器视口 (viewport)

父元素

布局影响

其他元素忽略其存在

块级元素环绕，内联元素流水环绕，父元素塌陷

层叠上下文

创建新的层叠上下文

不创建新的层叠上下文

常用场景

悬浮菜单、回到顶部按钮、固定位置的广告

图文混排、多列布局

清除浮动:

由于 float 会导致父元素塌陷，所以需要清除浮动。常用的清除浮动方法包括：

在浮动元素后添加一个空元素，并设置 clear: both; 这是最常用的方法，简单有效。

使用伪元素清除浮动 (clearfix) 例如 .clearfix::after { content: ""; display: block; clear: both; }。 这种方法更简洁，避免添加额外的 HTML 元素。

父元素设置 overflow: hidden 或 overflow: auto 这是一种更简洁的方法，但需要注意，如果子元素超出父元素的范围，可能会被裁剪。

选择哪种方法:

选择 fixed 还是 float 取决于你的具体需求：

需要元素始终固定在屏幕上的某个位置，不受页面滚动影响，选择 fixed。

需要元素在文档流中进行布局，并允许其他元素环绕它，选择 float，并记得清除浮动。

希望这个解释能够帮助你理解 fixed 和 float 的区别。

如何拆空调清洗过滤网
国家档案局令（第22号）　　电子档案管理办法