关于两个DIV上下之间的间隙问题

猴子搬来的救兵Castiel 2011-06-22 04:12:18
首先声明两点:
第一:我的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;
}
...全文
480 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
lsw645645645 2011-06-23
  • 打赏
  • 举报
回复
没弄懂楼主的意思啊
mengnanleo 2011-06-22
  • 打赏
  • 举报
回复

<div id="rightcolumn">
<div class="sponsor"></div>
<div class="maincontent"></div>
</div>

LZ的HTML

.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;
}


lz你说说为什么会有间隙呢?

61,111

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧