html - 为什么两个div之间有间隙并且没有重叠

Question

我以前来过这里并取得了很好的成绩，并感谢您的帮助。我一直在搜索和搜索我的代码以弄清楚发生了什么，但我不太明白。在我的网站http://www.hirelogo.com导航下方有一个随机空间插入。我已经删除了 div ".top"，因为我认为这可能是导致问题的原因，但这不是我所知道的。我一直在用萤火虫剖析，但没有发现可能导致这种情况的重叠问题。我所指的随机空间区域位于导航“home,design team..ect”和“step1, step 2 graphics”下方。我希望有人给我一点点关于这里发生的事情。谢谢

Answer 1

以下 div 导致8px.

.top {
    clear: both;
    height: 8px;
    margin-left: auto;
    margin-right: auto;
    width: 920px;
}

左侧的图像也已添加padding并line-height添加到其中：

.descrSplash {
    clear: both;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    line-height: 150%;
    padding-top: 40px;
    width: 436px;
}

最后10px，在它的上方和下方添加了正确的图像。此外，图像很大，除非您想设置negative margin.