如何删除标题中的额外空间

Question

这是网站： http ： //www.indiansummerfestival.ca

基本上我希望网页从橙色横幅的顶部开始（即横幅和页面顶部之间没有空白区域）。

我尝试使用Chrome检查器，但我不知道额外的100像素白色空间来自何处。 涉及的文件是style.css，在样式表之外还有另一块css。

我尝试粘贴代码但它看起来很混乱，所以我认为最好的方法是在HTML代码中找到<div id="header"> 。

非常感谢。

Answer 1

您的#socialLinks和#mc_embed_signup div相对于#logo兄弟姐妹#logo 。 尽管你正在设置这些div，但它们仍被计算为流量，从而推动了#logo 。 尝试绝对定位这两个div; 应该修复它。

Answer 2

与firefox类似的问题我解决了添加我的CSS：

*{margin:0; padding:0;}

Ps：我在某种程度上无法使用评论...... :(

Answer 3

它与您正在使用的mailchimp和社交插件有关。 它们似乎都在顶部添加了一些像素。 如果删除那些橙色标题与顶部对齐。 你必须看看这些样式表是如何与你自己一起玩的。

Answer 4

你可以申请补偿吗？

#header {
    margin-top:-45px;
}

半黑客，但有效吗？ :)