不明原因的页边空白页
问题描述:
在我客户的网站opcstm.org我试过的每个浏览器(Chrome,Firefox,Internet Explorer)都会在页面顶部呈现大约16px的页边空白页面。不明原因的页边空白页
例如,将主页与Contact Us page比较。在“联系我们”页面上,您会看到徽标,整个标题元素和整个页面与浏览器窗口的顶部相距约16倍的页边距。
我已经使用浏览器开发工具来检查HTML代码(body,div.site-container,header.site-header)中的前三个元素,并且它们都没有指定顶部边距或顶部填充。
我很难过!你能帮我吗?
答
标题的ID(标题中的p)是您的问题。删除它或给它一个保证金:0;
#title {
margin: 0;
}
答
快速修复你可以只添加样式=“填充顶:16px的”你<div class="wrap">
例如:<div style="padding-top:16px" class="wrap">
我不建议这样做,每一次。这应该用作临时修复,直到您发现问题。
你可以请邮政编码,特别是在这种情况下的CSS?使用开发工具很难弄清楚什么 – sinanspd
你在头部块中有一个奇怪的空白p.title,这明显将头部向下推。 –
请发布您的CSS和HTML代码 –