急急 ！为何我做的达不到效果_html/css_WEB-ITnose

这是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代码：

 

达芬奇

达芬奇——你的AI创作大师

50

查看详情

回复讨论(解决方案)

这是css中的代码：
#right{
          width:250px;
          height:300px;
          padding-top:32px;
          background:url(../images/bg.gif) no-repeat;     
         }
    #right dl dt{
          …… 达不到我要的效果？？？它那个浮动都乱了,图片应该是左浮动，然后字是在图片的右边浮动！

css中加个

   #right dl {
clear:both;
   }

二楼的答案非常正确！！！+1

css中加个

   #right dl {
clear:both;
   }
+1

先把前面的浮动清楚一下，或许可以。
跟多 DIV教程 http://blog.sina.com.cn/u/2760399482

蓝桥的同学？？