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

Question

我遇到了这个问题而且无法解决这个问题.请帮我.

在我的网页中,我在容器div中使用了3个div.我正在尝试消除div之间的不必要的差距.

• (1)顶部bg图像
• (2)中间bg图像
• (3)底部bg图像

我试图调整这3个div,使它看起来像一个bg图像.我的中间部分和底部部分完全调整,但顶部和中间部分之间有一些间隙,我试图删除但不能.

请参考我附上的图片,其中显示了顶部和中间部分之间的间隙.请参考我用于放置图像的样式表数据.

提前致谢.

#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/