Heim >Web-Frontend >HTML-Tutorial >急急 !为何我做的达不到效果_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 12:10:571302Durchsuche

这是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/css_WEB-ITnose

        
大牌狂降价,三折直送

   

   

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

      
大学老师要求开网店

  

  

      
急急 !为何我做的达不到效果_html/css_WEB-ITnose
 
      
黑眼圈推荐,美白不停

  

   

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

     
瘦身狂潮风,修身之选

  

  

 
要的图片添加不了啊???


回复讨论(解决方案)

这是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

蓝桥的同学??

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn