【发布时间】：2016-08-07 06:14:20
【问题描述】：
我的页面中的页脚有问题。
我有 2 个 div - 一个具有黑色背景，另一个具有白色背景和图像（具有透明背景），其中图像超过 50% 的黑色背景和 50% 的白色背景。
为了实现这种效果，我创建了一个样式：
.divimage {
position: relative;
top: -110px
}
然后，图像在黑色背景上移动 -110px。
好吗？
但是，有了这个，我现在在图像下方有一个 110 像素高度的白色背景。
有办法把这个“额外”的 110 像素剪掉吗？
我尝试了很多选项，但没有任何反应。
（尝试过：最小高度、最大高度、高度..）
我创建了一个 JSFIDDLE 来更好地解释.. https://jsfiddle.net/do1tn64h/
它是一个简单的 html - 如果你删除容器的 style="position: relative; top: -110px" ，图像将向下并且页脚将是完美的，在图像距离的 2、3 像素处结束.
但是，使用这种样式，图像在黑色背景上上升了 110 像素，现在我在下面有 110 像素的空白...
【问题讨论】：
-
也添加 html 代码。小提琴也很有用
-
@murli2308 嗨！我正在编写 jsdfiddle .. :D - 使用链接 tks 更新了问题！！
-
嗨 @CoderDudeTwodee 图片是 jsfiddle 上的灰色框。