我的网站内容和窗口底部之间存在差距,我一直试图删除几天,但没有找到解决方案。请参阅http://bpc.paulsham.com或下图。
根据我的尝试,<body>
没有边距或填充,<div id="page-wrapper">
没有底边距,并且页脚中嵌套的div没有任何应该影响它的底边距。使用Firebug,似乎从窗口的位置拉出了实际的<html>
。
这是一个基于Drupal 7的Bartik默认主题的自定义主题,但我认为这是一个CSS问题。然而,我开始怀疑这是否是一个文档类型的问题,但似乎一切都在证明是好的。
感谢您的帮助,如果需要更多信息,请与我们联系。
答案 0 :(得分:10)
#page-wrapper
上,添加overflow: hidden
以清除花车。#page-wrapper
上,删除box-shadow
规则。这消除了差距。
我确实设法在阴影中添加回来,同时防止差距重新出现。
它像这样 :
overflow: hidden
添加到#page
。width
和margin
属性从#page-wrapper
移至#page
。box-shadow
属性读取到#page
。background
s - #page-wrapper
不应再有background
了。有几个地方被应用了。答案 1 :(得分:0)
试试这个CSS代码:
body{margin-bottom: 0px, padding-bottom: 0px}
答案 2 :(得分:0)
问题是页脚中的clearfix:
<div id="footer-columns" class="clearfix">
删除class="clearfix"
,差距消失了。
<强>更新强>
显然不适用于所有浏览器;看评论。 thirtydot的方法可能就是这样。