使用css -top值移动div位置

puruo6ea 于 2023-05-02 发布在其他

关注(0)|答案(3)|浏览(135)

嗨，我不确定这是否是正确的方法，但我正试图将div标签定位在前一个div元素上，这是我正在做的事情

我的css，我已经用来让这个工作看起来像

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

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

我尝试在元素后添加一个清晰的div，但这没有帮助。我需要做什么更改来删除我的。页面框架div和下一个div？

3条答案

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

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

使用position: absolute;代替relative

如果你想将一个元素放置在层次结构中更高的其他元素上，使用z-indexCSS属性值得考虑使用，请参阅更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/z-index