html - 到处都是奇怪的 CSS 间距

Question

好的，所以我用一些 CSS 和 HTML 制作了一个模板。然而，如果你在菜单栏之间看，会有一堆空白。内容和侧边栏也很奇怪。如果你看顶部，顶部有一堆填充，但我没有在任何地方应用任何填充！帮助！

score 2 · Accepted Answer

试试这个，希望它会工作

 <style type="text/css">    
    ul{
     margin:0px;
    }
</style>

score 1 · Accepted Answer

默认情况下指定填充和边距。它是最初由 W3C 联盟生成的一部分。您只需要一张 CSS 重置表。

您可以将其作为单独的文件附加到您的站点，例如 reset.css。或者，您可以直接将重置代码复制粘贴到您的 styles.css 文件的顶部。

score 0 · Accepted Answer

Naveen 的解决方案是正确的 b/c 存在来自浏览器样式表的默认边距。添加

* {margin:0; padding:0;}

作为您样式表中的第一行 - 这是对所有元素的这些属性的简单重置，您将不会再遇到从浏览器样式表级联下来的“幻像”填充和边距问题。

score 0 · Accepted Answer

使用标签时，您会发现浏览器会自动添加边距，有时可能不需要填充。

尝试添加边距：0px；和填充：0px；就像好的做法一样。

4 回答 4