如何从HTML/CSS流中删除元素？

Question

我知道"position:absolute"将从"HTML/CSS流"中弹出一个元素,并停止与其邻居进行交互.还有什么方法可以实现这一目标？

Answer 1

让position:absolute我更熟悉的一个诀窍就是让它成为父母position:relative.那么孩子将相对于父母的位置是"绝对的".

的jsfiddle

Answer 2

没有？

我的意思是,除了完全从布局中删除它之外display: none,我很确定就是这样.

您是否面临position: absolute一个不可行的解决方案？

Answer 3

另一种选择是设置height: 0; overflow: visible;一个元素,虽然它不会真正在流量之外,因此可能会破坏边缘崩溃.

Answer 4

position: fixed;正如您所说，还将从流程中“弹出”一个元素。:)

position: absolute必须附有一个位置。例如top: 1rem; left: 1rem

position: fixed但是，会将元素放置在根据文档流通常出现的位置，但之后阻止其移动。它还有效地将高度设置为 0px（相对于 dom），以便下一个元素在其上向上移动。

这可能非常酷，因为您可以设置position: fixed; z-index: 1（或任何您需要的 z-index），以便它“弹出”到下一个元素上。

例如，这对于滚动时保持在顶部的固定位置标题特别有用。

Answer 5

有display: none，但我认为这可能比您要寻找的要多一些。