脱离标准流的元素
约 260 字小于 1 分钟
2025-08-29
总结表格
方式 | 属性 | 脱离后行为特点 | 对兄弟元素的影响 |
---|---|---|---|
浮动 | float: left/right; | 向左/右移动,直到触碰到容器或其他浮动元素的边缘。 | 块级元素:无视它,占据其下方空间。行内内容:环绕它。 |
绝对定位 | position: absolute; | 相对于非 static 祖先定位,原空间消失。 | 完全无视它,直接占据其原空间。 |
固定定位 | position: fixed; | 相对于视口定位,原空间消失,屏幕滚动时位置固定。 | 完全无视它,直接占据其原空间。 |
粘性定位 | position: sticky; | 在阈值内处于标准流,超过阈值后变为固定定位(脱离流)。 | 未触发粘性时,正常排列;触发后,其原空间由后续元素填补。 |
内容显示 | display: contents; | 元素自身不被渲染,其子元素直接融入父级标准流。 | 兄弟元素会与它的子元素在同一层级进行排列。 |