html 或正文大小 - 填充/高度/边距/东西答案

【问题标题】：html or body size - padding/height/margin/somethinghtml 或正文大小 - 填充/高度/边距/东西
【发布时间】：2012-03-06 22:41:03
【问题描述】：

无论我如何使用 padding 和 margin 属性，我似乎都无法解决我在大屏幕上遇到的问题 - html 的底部有一个“截断”，它似乎与屏幕底部。我不知道这是哪个元素，但所有元素都已重置为具有 0 填充或边距。

当我添加以下 css 时，我发现间隙确实在底部 - 下面没有元素：

* {outline: solid 1px;}

如果有好心人想看看，这里是该网站的网址：http://preview.tinyurl.com/7ywoqpf

【问题讨论】：

标签： html css height padding

【解决方案1】：

您的div.holder 的min-height 为650 像素。

当我删除它时，差距对我来说就消失了。

在这些情况下，最好的办法是使用像 Firebug 或 Chrome 内置的文档检查器。它们会显示 DOM 中的哪些元素准确占用了哪些空间。

【讨论】：

【解决方案2】：

请记住，块级元素将填充它们的容器宽度而不是高度。因此，可能是您页面中的 div 和容器不够高而无法到达底部。有一种叫做“push divs”、“sticky footers”的东西，那个 div 会留在底部。也许你会把你的背景图片放在里面，它会留在底部。但是，您的 css 中有几个错误，并且您不能有 0.5 个像素。

【讨论】：

@i-CINICA 感谢您提供信息我将研究“push div”是具有特定属性的元素吗？另外，请让我知道我是新手的任何 CSS 问题
一个“push div”，不是一个特定的属性，它是一组属性来达到一个效果。有点诡计，差不多。看起来你所追求的是，背景图像停留在用户屏幕的左下角，但除非你的内容正好是他们屏幕的高度，否则它不会起作用。一个 div 推到底部，高度足以包含该图像应该可以工作。可能有更简单的方法，但我的屏幕上不能有其他网站，我正在工作...... :( 试试“Stylizer”，它是一个实时 CSS 编辑器，只允许你编写有效的 CSS .

【解决方案3】：

我摆弄了萤火虫并注意到设置：

html {高度：100%;}

已解决问题，今晚晚些时候更新网站

【讨论】：