css+div问题请教高手。

来源：百度知道 编辑：UC知道 时间：2024/06/07 04:47:57
<div style="MARGIN-TOP: 30px;FLOAT: left; MARGIN-LEFT: 5px; WIDTH: 190px">
<div style="MARGIN-TOP: 30px">
<IMG src="images/right_top.gif" width=190>
<!--这里div的上边框图片为什么会与下面的div断开，郁闷！-->
</div>
<div style="PADDING-LEFT: 10px; BACKGROUND-IMAGE: url(images/right_bg.gif); BORDER-LEFT: #c8e8f8 1px solid; HEIGHT: 30px" align=left>
<A href="#">论坛新帖</A>
</div>
<div style="background-color:#F9FCFF;border:#C8E8F8 1px solid" align=left>
<li>内容1
<li>内容2
<li>内容3
</div>
</div>

在这个<div style="PADDING-LEFT: 10px; BACKGROUND-IMAGE: url(images/right_bg.gif); BORDER-LEFT: #c8e8f8 1px solid; HEIGHT: 30px" align=left>里加一句 margin-top:0px! important; margin-top:-6px;就可以了

第一:楼主的代码设置就不十分规范
楼主的代码一点都不行,所以就没去看了,如果真要以你的代码试试,那么添加一个*{margin:0;padding:0;}
下面是一个框架,具体自己再去写吧
<div id="news_list">
<h3>论坛新贴</h3>
<ul>
<li><a href="#">一</a></li>
<li><a href="#">二</a></li>
</ul>
</div>
给#news_list设置顶部图片
h3设置重复的背景图片

<div style="MARGIN-TOP: 30px">
这里加
font-size:0px;

尽量不要用行内样式，否则看起来很累，不利于排错