移除元素占用的空间而不隐藏它
移除元素占用的空间而不隐藏它
提问于 2012-08-08 03:34:08
我知道通过使用visibility: hidden，我可以隐藏一个元素，而不需要删除它所占用的空间。我想做的恰恰相反:我想呈现页面的其余部分，就好像元素不在页面上一样，但保持元素可见。
我问的原因是因为我有一个居中的950px宽的布局，我想在屏幕的左侧添加一个小方框。它看起来有点像这样：
现在，我有一个<div>，它将边框作为950px页面包装器的顶部元素，它也是一个<div>。对于边框，我应用了position: relative和left: -200px (框宽)将其移到边框，但这仍然让我的主要内容被下推。我处理这个问题正确吗？有没有一种合乎逻辑的方法来移除侧箱留下的垂直空间？
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-08-08 03:36:50
只需使用position: absolute;即可。该元素将不再是文档流的一部分，您可以相对于其最接近的非static定位祖先对其进行定位。
Stack Overflow用户
发布于 2012-08-08 03:36:41
相对位置仍将占用空间。尝试position:absolute；它会将元素绝对地放在其父元素内部，但高于其所有兄弟元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11852830
复制相关文章
相似问题
腾讯云开发者
