2013-04-21 106 views
2

请访问this website页面底部的空白处

底部有一个空白处。我查了一下,在我的CSS中没有提到最低高度。

我怀疑它的身体CSS细节如下;

body { 
    line-height: 1.5; 
    font-size: 87.5%; 
    word-wrap: break-word; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    background: none repeat scroll 0 0 #EFEFEF; 
} 


html, body, #page { 
    height: 100%; 
} 
+0

Chrome中没有“空白处”。 – Scott 2013-04-21 17:35:36

+1

我在页面底部看不到任何多余的空间。我在OpenSuse 12.3中运行Firefox 20,并禁用了JavaScript。以防万一,帮助任何。 – Bobulous 2013-04-21 17:35:44

+0

你可以写一个html代码的例子或写在jsfiddle的例子吗?我尝试你的CSS代码,我没有任何问题...! – 2013-04-21 17:40:25

回答

10

这样取出流血,我在Safari 6.0.3;

#footer-wrapper { 
    margin-top: 40px; 
    background: url("../images/footer.png") repeat-x scroll 0 0; 
    overflow: hidden; 
} 

您可能想要根据其中的内容以不同的方式处理该溢出。但是这应该解决这个空白。

我想通过从DOM自下而上删除节点来解决这个问题。它必须在#footer-wrapper。由于边缘底部不起作用,而且您使用的是相对定位,我认为这是一些阴影造型出血的元素。

更新(更好的修复)

刚刚发现真正的问题的问题;

.clearfix::after { 
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
} 

变化content: ".";content: "";和它的固定。或者完全删除该风格,因为在这种情况下它似乎没有用处。

+0

Allendar谢谢:) – 2013-04-21 17:57:39

+0

我有一个类似的问题,但只是加上'overflow:hidden;'为我修复了,thx – Tom 2015-11-26 03:06:19

0
margin-bottom: 0px; 

这将做到这一点 顺便说一句..nice网站花花公子:)

+0

'<体类=“HTML前不可─登录的单边栏边栏第一页面节点“style =”margin-bottom:0px;“>在Dev Tools中没有改变页边距。我甚至在'html'和'body'上都试过,没有结果。 – 2013-04-21 17:42:19

0

有时,它是由创建此空白空间的第三方服务创建的一些iframe /对象。就我而言,Google Adwords和Google Analytics正在创造这一点。所以,我通过添加这个CSS删除:

object[type="application/gas-events-cef"], 
iframe[name="google_conversion_frame"] { 
    display: none !important; 
    height: 0 !important; 
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important; 
    margin-top: -13px; 
    float: left; 
} 

也许你需要为你的情况添加一些额外的规则。希望有所帮助。

0

我来晚的演出在这里,但它可以帮助我的人的情况下我在上面的空白处,我添加了的margin-top = -20px现在空空间的底部,几乎尝试了所有的建议,我在这些和许多线程上找到并没有什么。决定通过一些HTML验证器运行它,有几个都没有拿起,但在一对夫妇在标签的末尾找到了一个额外的字符(`),就是这样,所以这是用户笨拙,拿着那个东西现在我的网页被转移了,消极的利润率和所有的好处。所以请尝试一个验证器并寻找这样的东西。