html - 使用 CSS 消除对象之间的间隙

Question

寻找一种方法来消除两个对象之间的间隙。目前有一个容器显示在我的 ul 菜单和将保存我的内容的 div 之间。我查看了更改边距/显示，但不知道如何删除它。这是一张图片来说明我的意思。我想消除黑条和菜单栏之间的差距。对不起，可怕的 CSS 问题。:>

图片：http: //i.imgur.com/Dov5gct.png

Pastebin ID（将它们放在 pastebin url 的末尾。）

CSS：/iUadQRK0

HTML: /ShWXsp8v

提前为任何帮助干杯xx

Answer 1

正如评论中回答的那样，您应该删除 UL 元素的高度：

#menu
{
    height: 25px;
}

Answer 2

不需要去掉高度，设置float:left; 像 ul 元素

#menu{
        float:left;
        width:100%;    
        height:25px;
        background-color: #0000FF;
        margin:0px;
        padding: 0px;
        list-style-type:none;
}

如果您想了解对齐的工作原理，也可以查看此页面。 http://www.tutorialrepublic.com/css-tutorial/css-alignment.php

Answer 3

您想从#menu 中删除高度。

#menu{
    width:100%;    
   /* height:25px; */
    background-color: #0000FF;
    margin:0px;
    padding: 0px;
    list-style-type:none;
}