Question

我的页面中有一个页脚问题。

我有2个div - 一个是黑色背景，另一个是白色背景和图像（透明背景），其中图像的背景是黑色背景的50％以上，白色背景的50％。

为了达到这个效果，我创建了一个样式：

.divimage {
position: relative;
top: -110px
}

然后，图像在黑色背景上变为-110像素。

OK？

但是，有了这个，我现在在图像下面有110px高度的白色背景。

有一种方法可以削减这个“额外”110px吗？

我尝试了很多选择，没有任何反应。

（尝试过：min-height，max-height，height ..）

我创建一个JSFIDDLE来解释更好.. https://jsfiddle.net/do1tn64h/

它是一个简单的html - 并且如果删除容器的style =“position：relative; top：-110px”，图像将向下并且页脚将是完美的，结束于图像距离的2,3个像素

但是，使用这种风格，图像比黑色背景上升110px，现在我有110px的白色空间......

Answer 1

使用

margin-top:-110px;代替top:-110px;

如果你想补课，也可以使用z-index。