使元素脱离正常流程的 CSS 属性是什么？

Question

使元素脱离正常流程的 CSS 属性有哪些？ 这些属性可以是 float、position:absolute 等。

这个问题涉及正常流程的所有可能的改变。

Answer 1

只有以下属性会影响任何给定元素的正常流程：

• float: right|left

• position: absolute|fixed

只是为了完整性：

• display: none

  从流中删除元素（严格来说，元素不会有流顺序）

• position: relative

  不会改变元素的流动顺序，而是改变其相对于正常流动位置的位置。

• visibility: hidden

  会将元素保留在流上，但不会将其渲染到视口。

Answer 2

有一个终极属性，可以从字面上删除流中的元素：

display: contents;

https://developer.mozilla.org/en-US/docs/Web/CSS/display

当您需要将 tr 包装在 div 中的 tbody/thead 内时，它会很有帮助 - 以防使用可拖动功能或其他功能