为什么联系页面上的徽标下面有更多的差距？

Question

如果你看到上面的2张图片，你会发现徽标下面有一个更大的间隙。两个页面都有相同的样式，我不明白为什么它们中的一个会有更多的差距。

徽标下方有正确差距的页面位于http://snapnsolve.com/index.html 而且差距较大的页面是http://snapnsolve.com/contactus.html

有谁可以指出问题？ 任何帮助都非常感谢。

Answer 1

这是因为id #topsochd在索引页面中的高度为60px，但在contactus.html中的高度为40px。在contactus.html中也将其更改为60px。 因此在contactus.html中：

#topsochd {
height: 60px;/*not 40px*/
background-color: #FFFFFF;
color: #FFF;
width: 100%;
z-index: 99999;

}

另外，左上角-logo中的float属性也会干扰问题。删除float属性，而是放置一个位置：absolute，它会自动将您的徽标浮动到左侧。

#top-left-logo {
position: absolute;
}