html – 页面底部的空白区域

概述请访问 this website. 底部有一个空白区域.我查了一下,我的css中没有提到最低高度. 我怀疑它的身体css细节如下; body { line-height: 1.5; font-size: 87.5%; word-wrap: break-word; margin-top: 0px; margin-left: 0px; margin-ri @H_403_0@ @H_403_0@ 请访问 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%;}

解决方法 这在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;}

更改内容：“.”;内容：“”;它是固定的.或者只是删除该样式,因为在这种情况下它似乎没有用.

@H_403_0@ 总结

以上是内存溢出为你收集整理的html – 页面底部的空白区域全部内容，希望文章能够帮你解决html – 页面底部的空白区域所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。