不明原因的页边空白页

不明原因的页边空白页

问题描述:

在我客户的网站opcstm.org我试过的每个浏览器(Chrome,Firefox,Internet Explorer)都会在页面顶部呈现大约16px的页边空白页面。不明原因的页边空白页

例如,将主页与Contact Us page比较。在“联系我们”页面上,您会看到徽标,整个标题元素和整个页面与浏览器窗口的顶部相距约16倍的页边距。

我已经使用浏览器开发工具来检查HTML代码(body,div.site-container,header.site-header)中的前三个元素,并且它们都没有指定顶部边距或顶部填充。

我很难过!你能帮我吗?

+0

你可以请邮政编码,特别是在这种情况下的CSS?使用开发工具很难弄清楚什么 – sinanspd

+0

你在头部块中有一个奇怪的空白p.title,这明显将头部向下推。 –

+0

请发布您的CSS和HTML代码 –

标题的ID(标题中的p)是您的问题。删除它或给它一个保证金:0;

#title { 
    margin: 0; 
} 

快速修复你可以只添加样式=“填充顶:16px的”你<div class="wrap">

例如:<div style="padding-top:16px" class="wrap">

我不建议这样做,每一次。这应该用作临时修复,直到您发现问题。