使用css -top值移动div位置

Question

您好我不确定这是否是正确的方法，但我正在尝试将div标签放回原位 在前面的div元素上 这就是我的工作

我曾经习惯让它工作的css看起来像

.page-frame {
background-color: #fff;
padding-top: 40px;
position: relative;
top: -35px;
}

所以对于顶部部分，div元素看起来像我想要的那样但是元素的底部没有调整为-35px;

我尝试在元素之后添加一个明确的div但是没有帮助。我需要更改什么才能删除.page-frame div和下一个div之间的空格？

Answer 1

使用position: relative只会改变页面中元素的外观，但不会改变页面上占用的实际“空间”。所以你做了什么使你的视觉变化显示元素35px更高，但它不会导致其他元素围绕它回流。可能需要添加的是margin-bottom: -35px以获得您想要的最终效果。

编辑：Added better fiddle example显示带边距的回流。

Answer 2

使用position: absolute;代替relative