CSS如何在内部处理浮动？

Question

是否将其视为绝对定位（对其父容器的引用）块级元素？

Answer 1

从正常流中取出一个浮动元素，并沿其容器的左侧或右侧放置，其中文本和内联元素将围绕它包裹

来源：https://developer.mozilla.org/en-US/docs/CSS/float

所以，它与定位元素不同：https://developer.mozilla.org/en-US/docs/CSS/position

Answer 2

你是部分正确的，浮动元素创建一个新的块格式化上下文，并从文档流中取出，就像绝对位置元素一样。

但是，左浮动元素位于其父元素的最左侧，并被视为块元素（可以具有宽度和底部/顶部边距）。其他内容直接从元素流出（尊重它的维度）。类似于浮动权利。这是与绝对元素不同的点。

绝对定位的元素基于第一个祖先定位，其位置不是静态。

有几个含义，你可以read in the w3c spec。

与绝对定位元素一样，由于它从正常的元素流中取出，父节点将“崩溃”，因此您必须清除浮点数或在父节点上声明overflow属性。