Html 网站底部有额外的空白

我正在建立一个网站，但不知道这些额外的空白是从哪里来的。我试着使用不同的填充和边距方案，但我无法让它工作

body {
font-family: 'Open Sans', sans-serif;
margin-bottom: 1px;
}

html的最后几行

        </ul>
      </div>
    </div>
  </div>
</body> 

网站底部截图

---

不确定你还需要什么来解决这个问题，请告诉我。我正在阅读，似乎有一些设置的边距必须固定。

如果您试图删除所有填充

html, body{
    padding: 0 !important;
    margin: 0 !important;
}

---

浏览器通常会自动添加此填充。

所有页面上都有填充。要删除此项，可以在样式表中使用此项：

* { // asterisk meaning 'all elements'
    padding: 0px;
    margin: 0px;
}

编辑：

问题来自于

#content div

，它不在流中（因为它是一个浮动），高度为100%，但由于它不在流中，百分比指的是整个页面大小，而不是此容器。要解决此问题，您需要将其设置为与容器（80%）相同的高度：

旧答案：

我认为您的空白来自您的html代码。删除最后一个结束标记和结束正文标记之间的所有空格

例如：

    </div>
</body>

=>

尝试使用浏览器的属性检查器。只需右键单击网页的特定部分，然后单击Inspect Element（如果您使用的是Google Chrome）。Firebug是一个Firefox/Safari/IE插件，其工作方式与Firefox/Safari/IE插件相同。从inspector可以打开/关闭css样式，并查看内容块后面的样式。写下css样式并在浏览器外部编辑css文件。

屏幕截图？更多代码？如果没有完整的html和css代码，很难找到结尾处的空白。如果遇到这样的错误，可以始终使用inspect元素作为指导。如果你使用google chrome，只需右键点击网站上你认为错误的部分，然后点击inspect element，你可能会发现问题所在。根据屏幕截图，这与我的想法不同。比我预期的要大得多。你能把代码发布到某个地方吗（除非它太大）？不起作用：/不确定我还能提供什么来解释它out@stack_newbie23试试看now@stack_newbie23你能提供完整的html吗？你是否也在使用像jquery mobile这样的插件来添加空格？html会忽略所有空格，类似于大多数语言。这不会改变任何东西。@Sparklylama:这是错误的，HTML不会忽略空格，它只会将几个空格减少为一个空格字符。你在说什么语言？@sparklyllama你能用JS修改你的代码吗？干得好。。您可能仍然需要拉出代码，它在JSFIDDLEHMM上看起来很有趣，我这样做了，我仍然有空白。您是否将html和正文的填充和边距设置为0？使用

*

付出了高昂的代价matter@ring0我知道，但我过去就是这样做的，而且很有效。会有更好的方法来做这件事，但这正是我所知道的。是的，这似乎更好。有没有其他方法我可以向你展示我的整个html和css代码？非常小的站点你可以尝试将文件上传到文件共享网站，比如Dropbox，然后给我们链接？

    </div>
</body>

    </div></body>