Maison > interface Web > tutoriel HTML > 急急 !为何我做的达不到效果_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 12:10:57
original
1300 Les gens l'ont consulté

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

蓝桥的同学??

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal