为什么我的DIV之间存在差距？

Question

this website I'm working on为什么会出现空白？我已经尝试将边距，填充等设置为0px，但似乎没有任何影响它。

编辑 - 道歉;我搞砸了网站的链接。现在已修复此问题。

Answer 1

您可能已经插入了一些您忘记的样式。从图片来看，我认为你的html看起来像这样

<ul id="nav">
    <li><a href="#">Home</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Gallery</a></li>
</ul>

<div id="something">
</div>

您的导航链接或列表项看起来好像有5px的边距，而您的div看起来有20px的上下边距。尝试将此添加到您尝试修复以排除故障的元素中。

margin: 0 !important;
padding: 0 !important;
border: 0 !important; 

这应该覆盖之前可能存在冲突的任何css样式。如果它不起作用，那么我们需要查看代码以帮助进一步排除故障。

[UPDATE] 你应该声明一个DOCTYPE而不是简单地放置html标签。中心标签已弃用。

要修复间距，请尝试以下操作：

#nav ul{
    list-style-type:none;
    margin:0;
    padding:0;    
    /* REMOVE
    padding-top:6px;
    padding-bottom:6px;  
    */
}  
/***********************************
-- ADD
***********************************/
hr {
    margin: 0;
}
h2 {
    margin: 0;
}

您将填充和边距更改为0，但在ul中再次添加。 hr标签导致了一些间距，而标题标签导致其余部分。

Answer 2

给边框零宽度

style="border:0px" 

或给出颜色以检查它是否为边框

style="border-color:red"

Answer 3

HR（行）和H2（主页标题）默认为Block元素，它们有换行符和页边距。您应该修改这些元素的边距或将显示设置为内联（显示：内联）。

Answer 4

还可以尝试：

    border-collapse: collapse;
    border: 0;