css - 填充或边距来自某个地方？

Question

我已经检查并重新检查了此页面所有元素的填充和边距，但此页面上的 #header 和 #container 之间存在中断。不应有白色带。我试着给#container 一个否定。边距也是如此，但这最终会切断并消失。知道我做错了什么以及它来自哪里吗？非常感谢！http://circore.com/ais/

Answer 1

我刚刚跑了萤火虫并这样做了：

#guy > img { position: absolute; }

和

#secondary { padding-bottom: 0; }

在Firefox中摆脱了它。

我并不是说这是针对您当前情况的正确解决方案，但它可能会引导您朝着正确的方向前进。

Answer 2

1）删除行高：18px；body 元素的 css 2) 移除 padding-bottom: 20px; 来自#secondary 元素的结果将是这个

这是你想要的结果吗？

Answer 3

删除float: left;from#guy和paddingfrom #secondary，你就很好了。

此外，作为旁注，z-index不适用于不是position: absoluteor的元素position: relative（以及其他一些边缘情况，如opacity< 1）。

#guy {
    /* float: left; */ 
    margin: -178px 0px 20px 305px;
    /* z-index: 2000; */
}

#secondary {
    background: url(images/bottomswoop.jpg) no-repeat;
    width: 940px;
    clear: both;
    /* padding-bottom: 20px; */
    height: 200px;
}