使用CSS删除对象之间的间隙

时间:2013-05-21 03:35:41

标签: html css

寻找一种方法来消除两个对象之间的差距。目前,我的ul菜单和div之间有一个容器,显示我的内容。我已经看过更改边距/显示但无法弄清楚如何删除它。 这是一张显示我的意思的图片。我想消除黑条和菜单栏之间的差距。 对不起,对于可怕的CSS问题。产品:>

IMAGE:http://i.imgur.com/Dov5gct.png

Pastebin ID(将它们放在pastebin url的末尾。)

CSS:/ iUadQRK0

HTML:/ ShWXsp8v

提前为任何帮助干杯xx

3 个答案:

答案 0 :(得分:0)

如评论中所述,您应该删除UL元素的高度:

#menu
{
    height: 25px;
}

答案 1 :(得分:0)

不需要移除高度,设置浮动:左;到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

答案 2 :(得分:0)

您想要从#menu中删除身高。

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