css - 删除元素占用的空间而不隐藏它

Question

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

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

现在我有一个<div>将侧框作为我的 950px 页面包装器中的顶部元素的一个，它也是一个<div>. 到我应用的边框position: relative和left: -200px（框宽度）将它移到一边，但这仍然让我的主要内容被推下。我是否正确地解决了这个问题？有没有一种合乎逻辑的方法来删除边箱留下的垂直空间？

Answer 1

只需使用position: absolute;. 该元素将不再是文档流的一部分，您可以相对于它最近的非static定位祖先来定位它。

Answer 2

相对位置仍将占用空间。尝试位置：绝对；它将元素绝对放置在其父元素内部，但高于其所有兄弟元素。