当边框设置为0时出现在页面底部的空白

我有以下HTML示例（下面），它应该覆盖整个页面，填充可用区域的大黄色div。当div中没有太多内容并且页面从上到下覆盖黄色时，它工作正常，但是当您通过用一些文本或其他内容填充div来显示垂直滚动条时，底部会出现白色间隙。有没有人知道为什么这个空白出现，以及如何使用CSS或Javascript来摆脱它？当边框设置为0时出现在页面底部的空白

我应该加我曾尝试添加负边距和底部值，但他们只是将空白向下，他们不删除它。

我使用的是Firefox 32，它可能有所帮助。

感谢您的帮助。

<html> 
<head> 
<style> 
#f { 
    bottom: 0px; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    position: absolute; 
    display: block; 
    background: yellow; 
} 
</style> 
<body> 
<div id='f'> 
... lots of text here from ipsum ... 
</div> 
</body> 
</html>

来源

2014-10-31 user1412028

使用此CSS它的工作原理

body{ 
     margin: 0 0 0 0; 
    } 
    #f { 

     height:auto; 
     right: 0px; 
     display: block; 
     position:absolute; 
     background: yellow; 
    }

在#F 身体

卸下底部顶部左侧和右侧，并添加保证金0 0 0 0

来源

2014-10-31 11:05:42

删除“position：absolute;”。它解决了你的问题。

来源

2014-10-31 10:55:30

当边框设置为0时出现在页面底部的空白

回答

相关问题