html - 如何消除html中div之间的差距？

Question

我被这个问题困住了，无法解决这个问题。请帮助我。

在我的网页中，我在一个容器 div 中使用了 3 个 div。我试图删除 div 之间不需要的间隙。

• (1)顶级背景图片
• (2)中间背景图
• (3) basemap

我正在尝试调整这 3 个 div，使其看起来像一张背景图片。我的中间部分和底部已完全调整，但顶部和中间部分之间有一些间隙，我试图移除但无法移除。

请引用我附在此处的图像，它显示了顶部和中间部分之间的间隙。请引用我用于放置图像的样式表数据。

提前致谢。

#main_container {
    background-repeat:no-repeat;
    width:645px;
    float:left;
    padding-bottom:10px;
    overflow:hidden;
    height:auto;
}
#middle_part {
    background-image: url('/DiscoverCenter/images/apps_mid.png');
    background-repeat:repeat-y;
    width:645px;
    padding-bottom:10px;
    overflow:hidden;
    height:auto;
    clear:both;
    position:relative;
    display: block;
    vertical-align: bottom;
}
#top_part {
    background-image:url('/DiscoverCenter/images/apps_top.png');
    width:645px;
    top:0px;
    height:47px;  /* actual height of the top bg image */
    clear:both;
    position:relative;
    display: block;
    vertical-align: bottom;
}
#bottom_part {
    background-image:url('/DiscoverCenter/images/apps_btm.png');
    width:645px;
    height:24px; /* actual height of the bottom bg image */
}

Answer 1

您是否考虑过使用重置？

* {
    padding: 0px;
    margin: 0px
}

将其添加到顶部

但是，当我们讨论这个主题时:您是否使用图像来获得圆角？现在，您可以使用 CSS 来制作圆角!

这是一个可以帮助解决这些问题的网站:

http://www.css3.info/preview/rounded-border/