css - CSS 如何在内部处理浮点数？

Question

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

Answer 1

浮动元素取自正常流程，并放置在其容器的左侧或右侧，文本和内联元素将环绕它

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

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

Answer 2

你说对了，浮动元素创建了一个新的块格式化上下文，并从文档流中取出，就像绝对定位元素一样。

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

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

有几个含义，您可以在 w3c 规范中阅读。

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