抱歉,我无法向您展示代码,它目前在我的本地主机上。
我很确定我已经正确输入了代码,因为 Netbeans 没有显示任何错误。我正在为他们的慈善事业制作我父母的网站,足够备用。但是,当我加载网页时,四面都有一条白线(尽管您看不到顶线,因为那个 div 是白色的) 这是一个屏幕截图。 有人有什么建议吗?
抱歉,我无法向您展示代码,它目前在我的本地主机上。
我很确定我已经正确输入了代码,因为 Netbeans 没有显示任何错误。我正在为他们的慈善事业制作我父母的网站,足够备用。但是,当我加载网页时,四面都有一条白线(尽管您看不到顶线,因为那个 div 是白色的) 这是一个屏幕截图。 有人有什么建议吗?
我建议您在 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提醒我输入 margin:0; 和填充:0;!
忍者编辑:您是否尝试过使用 Chrome 开发者工具?您可以使用它来玩css。右键单击一个元素并单击检查,您可以在其中添加新的 CSS 样式并编辑您当前的样式。这是为您的 css 问题找到解决方案的绝妙方法……它还向您显示您所在 css 文件中的哪一行,因此当您在文件中进行更改时,您会立即知道在哪里查看!:)
在 CSS 中,尝试将padding
容器的更改<div>
为 0,因为 a 内的<div>
任何内容也在它所具有的任何填充内,从而导致填充和边框之间存在空间。还可以尝试将 更改margin
为 0,因为有边距会导致边框与其容器之间存在空间。
如果您没有 container <div>
,或者这没有修复它,请尝试将padding
标签的设置<body>
为 0,因为它是最外层的容器并且可能具有默认填充。
我还认为可能有其他方法可以将背景内容设置为忽略填充。不幸的是,自从我从事 HTML 和 CSS 工作以来已经有一段时间了,我目前没有时间进行试验。但是看看你能用上面的建议做什么。
NetBeans 不显示错误这一事实并不意味着您的演示文稿就是您想要的样子。
检查包含的 div。检查可能导致间距的任何边距和/或填充。边框也一样。如果全部失败,请使用CSS 重置并再次检查。
您需要复制和粘贴涉及您的页面元素的 html 和 css,否则将没有人可以帮助您。将您的代码放在本地主机上与此无关。