4

嗨，我不确定这是否是正确的方法，但我正在尝试将 div 标签定位回前一个 div 元素这就是我的工作

例子

我用来让它工作的CSS看起来像

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

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

在此处输入图像描述

我尝试在元素之后添加一个清晰的 div，但这没有帮助。我需要更改什么来删除我的 .page-frame div 和下一个 div 之间的空间？

4

2 回答 2

5

的使用position: relative只会改变页面中元素的外观，但不会改变它在页面上占用的实际“空间”。因此，您所做的事情使您的视觉更改以35px更高的方式显示元素，但不会导致其他元素围绕它重排。可能，您需要添加的是 amargin-bottom: -35px以获得您想要的最终效果。

编辑：添加了更好的小提琴示例以显示带边距的回流。

于 2012-04-06T23:45:08.347 回答
2

使用position: absolute;代替relative

于 2012-04-06T23:44:38.777 回答