出现在网页四周的白线

Question

对不起，我无法向您展示代码，它目前在我的本地主机上。

我很确定我已经正确输入了代码，因为Netbeans没有显示任何错误。我正在为我们的父母网站建立他们的慈善机构Enough to Spare。当我加载网页时，所有方面都有一条白线（尽管你看不到顶线因为div是白色的） 这是一个截图。 有人有什么建议吗？

Answer 1

我建议你在own.css之前使用reset.css文件，所以你要从一个空白的平板开始。

您可以随时添加 -

html { width:100%; height:100%; margin:0 padding:0; }
body { width:100%; height:100%; margin:0; padding:0; }

http://www.cssreset.com/ - 这是我希望获得reset.css文件的地方

感谢Dan Ovidiu Boncut提醒我输入保证金：0;和填充：0;！

Ninja编辑：您是否尝试过使用Chrome开发者工具？你可以使用它来玩css。右键单击一个元素并单击inspect，在那里你可以添加新的CSS样式并编辑当前的样式。这是一个很好的方法来找到你的CSS问题的解决方案...它还会显示你所在的css文件中的哪一行，所以当你来文件中进行更改时，你知道在哪里直接看！ ：）

Answer 2

在CSS中，尝试将容器padding的{​​{1}}更改为0，因为<div>内的任何内容都在其填充内的任何填充内，从而导致填充和填充之间的空间边界。同时尝试将<div>更改为0，因为有边距会导致边框与其容器之间的空间。

如果您没有容器margin，或者这没有解决它，请尝试将<div>标记的padding设置为0，因为它是最外层的容器，可能有默认填充。

我还认为可能有其他方法来设置背景内容以忽略填充。不幸的是，自从我使用HTML和CSS以来已经有一段时间了，我现在没有时间去尝试。但是看看你能用上述建议做些什么。

Answer 3

NetBeans不显示错误这一事实并不意味着您的演示文稿就像您希望的那样。

检查包含的div。检查可能导致间距的任何边距和/或填充。边界也是如此。 如果全部失败，请使用CSS reset并再次检查。

Answer 4

您需要复制并粘贴涉及您的页面元素的html和css，否则没有人能够帮助您。将您的代码放在localhost上与此无关。