0

为什么我正在处理的这个网站有空白？我尝试将边距、填充等设置为 0px，但似乎没有任何影响。

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

突出显示 div 之间的间隙的图像

4

4 回答 4

3

您可能插入了一些您忘记的样式。从图片来看，我假设您的 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>

您的导航链接或列表项看起来好像它们的边距为 5 像素，而您的 div 看起来它的顶部和底部边距为 20 像素。尝试将此添加到您尝试修复的元素中以进行故障排除。

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

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

[更新] 你应该声明一个 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.xml 中再次添加了它。hr 标签导致了您的一些间距，而标题标签导致了其余部分。

于 2012-05-08T07:52:22.950 回答
1

给边框零宽度

style="border:0px"

或者给颜色检查它是否是边界

style="border-color:red"
于 2012-05-08T07:36:37.233 回答
1

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

于 2012-05-08T09:34:50.593 回答
0

也试试：

    border-collapse: collapse;
    border: 0;
于 2012-05-08T07:37:42.517 回答