删除一个元素占据的空间而不隐藏它

Question

我知道我可以隐藏一个元素而不用删除它将占用的空间，使用visibility: hidden。我想要做的是完全相反的：我想渲染页面的其余部分，就好像元素不在页面上，但保持元素可见。

我问的原因是因为我有一个居中的950像素宽的布局，我想在屏幕左侧添加一个小框。它看起来有点像这样：

现在我有一个<div>持有该边箱的顶部元素在我的950像素页的包装，这也是一个<div>。对于已应用position: relative和left: -200px（框宽）的侧边框将其移动到侧边，但仍然会让我将主要内容压下。我是否正确地处理了这个问题？有没有合理的方法去除侧箱留下的垂直空间？

Answer 1

只需使用position: absolute;。该元素将不再是文档流程的一部分，并且您可以将其定位为相对于其最近的非static盟友定位的祖先。

Answer 2

位置相对仍将占据空间。尝试位置：绝对;它会将元素完全放置在其父项中，但最重要的是它的所有兄弟。