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