关于两个DIV上下之间的间隙问题
首先声明两点:
第一:我的css全局中已经定义了 padding: 0; margin: 0;border: 0;同时也试过clear:float和overflow:hidden;但是 都没有反应
第二:这两个DIV我需要各自独立的float:left
先给大家看看Html源码:
最外侧有个DIV包裹这两个DIV
<div id="rightcolumn">
这是上面那个DIV
<div class="sponsor">
文字和图片内容
</div>
这是下面的那个DIV
<div class="maincontent">
文字和图片内容
</div>
</div>
然后是这三个DIV对应的CSS代码
#rightcolumn {
/* border: 1px solid red;*/
margin: 4px 0px 0px 0px;
display: inline; /* IE Hack */
width: 650px;
float: left;
min-height: 300px;
}
.sponsor {
background-image:url(../images/sponsor.gif);
min-height: 250px;
background-repeat: no-repeat;
padding: 18px 2px 2px 10px;
width: 650px;
height: 280px;
float:left;
display: inline;
}
.maincontent {
background-image:url(../images/lanmubg.jpg);
min-height: 110px;
display: inline; /* IE Hack */
float: left;
margin-left: 6px;
width: 640px;
}