我的页面中的页脚有问题。
我有2个div-一个具有黑色背景，另一个具有白色背景和图像（透明背景），其中图像超过黑色背景的50％，超过白色背景的50％。
为了产生这种效果，我创建了一种样式：
.divimage {
position: relative;
top: -110px
}
然后，图像在黑色背景上变为-110px。
好？
但是，有了这个，我现在在图像下的白色背景高度为110px。
有没有办法将这个“额外”的110px切掉？
我尝试了很多选择，没有任何反应。
（尝试：最小高度，最大高度，高度..）
我创建一个JSFIDDLE来更好地解释。
https://jsfiddle.net/do1tn64h/
它是一个简单的html-，如果您删除容器的style =“ position：relative; top：-110px”，则图像将向下并且页脚将是完美的，以2、3像素距离结束。
但是，采用这种样式，图片在黑色背景上上升了110px，现在我在空白处有110px的空白...
最佳答案
采用margin-top:-110px;代替top:-110px;
如果要进行补充，也请使用z-index。
提琴小提琴https://jsfiddle.net/do1tn64h/1/