日期:2014-05-17  浏览次数:20811 次

图片下面有空白(3px左右)
问题说明:
<div   id= "announcell "> <img   src= "images/index_02.jpg "   width= "8 "   height= "333 "> </div>       这里写在一行就没有空白了

<div   id= "announcelm1 "> <img   src= "images/index_03.jpg "   width= "240 "   height= "43 "> </div>         但是这下面的就不行了

快救我吧,期待中....

<!--网站公告与政务咨讯   -->
<div   id= "announce ">
<div   id= "announcel ">
<div   id= "announcell "> <img   src= "images/index_02.jpg "   width= "8 "   height= "333 "> </div>
<div   id= "announcelm ">
<div   id= "announcelm1 "> <img   src= "images/index_03.jpg "   width= "240 "   height= "43 "> </div>
<div   id= "announcelm2 "> d </div>
<div   id= "announcelm3 "> e </div>
<div   id= "announcelm4 "> c </div>
</div>
<div   id= "announcelr "> <img   src= "images/index_04.jpg "   width= "14 "   height= "333 "> </div>
</div>
<div   id= "announcer "> d </div>
</div>

/*网站公告与政务咨讯   */
#announce{   width:1002px;   height:333px;   margin:0   auto;}

#announcel   {   width:262px;   float:left;   text-align:left;}
#announcell   {   float:left;   width:8px;   height:333px;}
#announcelr   {   float:left;   width:14px;   height:333px;}
#announcelm   {   float:left;   width:240px;   height:333px;   text-align:center;   vertical-align:text-top;   background-color:#F3ACF6;}
#announcelm1   {   float:left;   width:240px;   height:43px;}
#announcelm2   {   float:left;   width:240px;   height:160px;   background-color:#FFFFFF;}
#announcelm3   {   float:left;   width:240px;   height:88px;}
#announcelm4   {   float:left;   width:240px;   height:42px;}

#announcer   {   float:left;   width:740px;   height:333px;   text-align:left;}

------解决方案--------------------
css中加这个:
img {
display:block;
}

还有,代码不是搂主这么写的,你这样写等于是个“table”者,干脆用回table算了……

这样试试:
<div id= "announce ">
<div>
<h2> </h2>
<p> d </p>
<p> e </p>
<p> c </p>
</div>
</div>

<style type= "text/css ">
* {
padding:0;
margin:0;
}
#announce {
background:url(images/index_02.jpg) 0 0 no-repeat;
padding-left:8px;
height:333px;
}
#announce div {
background:url(images/index_04.jpg) right 0 no-repeat;
padding-right:14px;
}
#announce h2 {
background:url(images/index_03.jpg) no-repeat;
width:240px;
height:43px;
}
</style>

虽然不一定就严格符合web标准,但是代码简洁多了,表现也和结果分离