html or body size - padding/height/margin/something



无论我如何处理填充和边距属性,我似乎都无法解决我在较大屏幕上遇到的问题——html的底部有一个"截止线",它似乎与屏幕底部有边距。我不知道这是哪个元素,但所有元素都已重置为0填充或边距。

当我添加以下css时,我发现差距确实在底部——下面没有元素:

* {outline: solid 1px;}

如果有好心人想看一看,这里有一个网站的网址:http://preview.tinyurl.com/7ywoqpf

您的div.holder具有650像素的min-height

当我去掉它时,差距对我来说就消失了。

在这种情况下,最好的方法是使用像Firebug或Chrome内置的文档检查器。它们将显示DOM中的哪些元素确切地占用了哪个空间。

请记住,块级元素会在宽度上填充容器,但不会在高度上填充。因此,页面中的div和容器可能不够高,无法到达底部。有一种叫做"推div"的东西,"粘性页脚",div将停留在底部。也许你会把你的背景图像放在里面,它会停留在底部。但是css中有几个错误,不能有0.5的像素。

我摆弄了firebug,注意到设置:

html{高度:100%;}

已经解决了问题,将在今晚晚些时候更新网站

最新更新