Fatal编程技术网
  • html/
  • Html CSS-如何剪切页脚高度

Html CSS-如何剪切页脚高度

html css

Html CSS-如何剪切页脚高度,html,css,Html,Css,我的页面有一个页脚问题 我有两个div-一个是黑色背景，另一个是白色背景和图像（透明背景），其中图像超过50%是黑色背景，50%是白色背景 要实现此效果，我创建了一种样式： .divimage { position: relative; top: -110px } 然后，图像在黑色背景上变成-110px 好吗 但是，现在我有了110像素高的白色背景 有没有办法减少这个额外的110像素 我尝试了很多选择，但什么都没发生 （已尝试：最小高度、最大高度、高度..） 我创建了一个JSFIDLE来更好地

我的页面有一个页脚问题

我有两个div-一个是黑色背景，另一个是白色背景和图像（透明背景），其中图像超过50%是黑色背景，50%是白色背景

要实现此效果，我创建了一种样式：

.divimage {
position: relative;
top: -110px
}
然后，图像在黑色背景上变成-110px

好吗

但是，现在我有了110像素高的白色背景

有没有办法减少这个额外的110像素

我尝试了很多选择，但什么都没发生

（已尝试：最小高度、最大高度、高度..）

我创建了一个JSFIDLE来更好地解释。。

这是一个简单的html-如果删除容器的style=“position:relative；top:-110px”，图像将向下，页脚将非常完美，距离图像2,3像素

但是，使用这种风格，图像在黑色背景上上升110像素，现在我在…下有110像素的白色空间。

使用

页边距顶部：-110px而不是
顶部：-110px

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


udpated fiddle
也添加html代码。小提琴也会是useful@murli2308你好我正在写JSDFIDLE..：D-用链接tks更新了问题！！您好@CoderDudeTwodee图片是jsfiddle.tks上的灰盒！！在过去的两个小时里，我测试了许多解决方案。。什么都没有！！你是我的英雄！！！！！！！！！！！！！！拯救我的一天！tks！！！：D