底部有一个空白区域.我查了一下,我的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 – 页面底部的空白区域所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)