dl,dt,dd,div的使用,格式调不好
blago 2012-05-18 03:08:09 如图,我想把虚线放到字的底下,但是一直调不好,在火狐里面看是正常的,但是在ie中就显示不正常了
<style type="text/css">
.list_2{ width:auto; height:auto; padding:3px 8px 10px;}
.list_2 dl{ width:auto; height:auto; border-bottom:#d8d8d8 dashed 1px;}
.list_2 dd{ width:120px; height: auto; line-height:29px; float:left; font-weight:bold; color:#225db6;clear:both;}
.list_2 dt{ width:420px; height: auto; line-height:29px; float:left;}
.list_2 dt li{ width:auto; height:29px; float:left; padding-right:8px; overflow:hidden; }
.clear{height:0px;line-height:0px;font-size:0px;overflow:hidden;clear:both;}
</style>
<div class="list_2" id="DivLong">
<dl>
<dd>机构职责:</dd>
<dt>
<ul>
<li><a href="../../jgzz_zyzn/" target="_blank">主要职能</a></li>
<li><a href="../../jgzz_ldfg/" target="_blank">领导分工</a></li>
<li><a href="../../jgzz_nsjg/" target="_blank">内设机构</a></li>
<li><a href="../../jgzz_zsdw/" target="_blank">直属单位</a></li>
</ul>
</dt>
</dl>
<dl>
<dd>政府文件:</dd>
<dt>
<ul>
<li><a href="../../zfwj_qzfwj/" target="_blank">区政府文件</a></li>
<li><a href="../../zfwj_xzgfxwj/" target="_blank">行政规范性文件</a></li>
<li><a href="../../zfwj_qzfbgswj/" target="_blank">区政府办公室文件</a></li>
</ul>
</dt>
</dl>
<dl>
<dd>政府会议:</dd>
<dt>
<ul>
<li><a href="../../zfhy_qzfcwhy/" target="_blank">区政府常务会议</a></li>
<li><a href="../../zfhy_qzfgzhy/" target="_blank">区政府工作会议</a></li>
</ul>
</dt>
</dl>
</div>
<div class="clear"></div>
图的内容如下:
--------------------------------------------------------------------
机构职责: 主要职能 领导分工 内设机构 直属单位
--------------------------------------------------------------------
政府文件: 区政府文件 行政规范性文件 区政府办公室文件
--------------------------------------------------------------------
政府会议: 区政府常务会议 区政府工作会议