这是网站：http://www.indiansummerfestival.ca
基本上，我希望网页从橙色横幅的顶部开始（即横幅和页面顶部之间没有空格）。
我尝试使用Chrome检查器，但我不知道额外的100像素左右的空白量从何而来。涉及的文件是样式.css样式表之外还有另一块 css。
我尝试粘贴代码，但它看起来很混乱，所以我认为最好的方法是在 HTML 代码中找到<div id="header">
。
非常感谢。
您的#socialLinks和#mc_embed_signupdiv相对而言定位为#logo的兄弟姐妹。尽管您设置了这些div，但它们仍然被计算为在流中，从而将#logo向下推。尝试绝对定位这 2 个div;那应该可以解决它。
火狐的类似问题，我解决了在我的 CSS 中添加的问题：
*{margin:0; padding:0;}
PS：我不知何故无法使用评论... :(
你可以用它来补偿吗？
#header {
margin-top:-45px;
}
半黑客，但有效？ :)
它与您正在使用的mailchimp和社交插件有关。它们似乎都在顶部添加一些像素。如果删除这些，橙色标题将与顶部对齐。您必须查看这些样式表如何与您自己的样式表一起使用。