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

急急 !!!为何我做的达不到效果
这是css中的代码:
#right{
  width:250px;
  height:300px;
  padding-top:32px;
  background:url(../images/bg.gif) no-repeat;  
  }
  #right dl dt{
  width:80px;
  margin:0px;
  float:left;
  padding:2px 0px;
  text-align:center;
  }
  #right dl dt img{
  height:47px;
  width:60px;
  border:1px solid #9ea0a2;
  veritical-align:middle;
  }
  #right dl dt dd a{
  font:12px/47px 宋体;
  color:#333;
  text-decoration: none;  
  }
 #right dl dt dd a:hover{
  color:#ff7300;
  }
这是html代码:
<html>
 <head>
  <title>实现新品上架</title>
  <link rel="stylesheet" type="text/css" href="css/layout.css" />
 </head>
 <body>
  <div id="right">
  <dl>
  <dt><img src="images/show4.jpg" alt="alt"/></dt>
  <dd><a href="#">大牌狂降价,三折直送</a></dd>
  </dl>
  <dl>
  <dt><img src="images/show5.jpg" alt="alt"/></dt>
  <dd><a href="#">大学老师要求开网店</a></dd>
  </dl>
  <dl>
  <dt><img src="images/show4.jpg" alt="alt"/></dt> 
  <dd><a href="#">黑眼圈推荐,美白不停</a></dd>
  </dl>
  <dl>
  <dt><img src="images/show5.jpg" alt="alt"/></dt>
  <dd><a href="#">瘦身狂潮风,修身之选</a></dd>
  </dl>
  </div>
 </body>
要的图片添加不了啊???

------解决方案--------------------
css中加个

#right dl {
clear:both;
}