Maison > interface Web > tutoriel HTML > 请教个dl dt dd问题,定位上出现的问题,谢谢_html/css_WEB-ITnose

请教个dl dt dd问题,定位上出现的问题,谢谢_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:04:03
original
1554 Les gens l'ont consulté








无标题文档





  

  

  
 通知公告

  

  

      
  • 1dsfsfsd

  •    
  • 2sdffsfsf

  •     
  • 3sdfdsfsdfs

  •      
  • 4sdfsfsdf

  •   

  
 
  

  

  







我在dl中的dt 上写标题,在dd里嵌套一个ul li列表

我已经把ul的 margin padding都设为0了。但目前定位仍有问题,不能左对齐,而且 ul是包含在dd里,为什么会高于其上边界呢。


回复讨论(解决方案)

去除默认样式

ul,dl,dd{margin:0;padding:0;}
Copier après la connexion

鸡哥,我想请问



#mydiv2 dl{
height:30px;
background-color:#0FF;
margin:0px;
padding: 0px;
}



#mydiv2 dl dd ul {
。。。。。。
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}


我这代码里都间接的设置这几项为0为什么不生效呢

像你这样直接设置怎么就生效了??

研究发现是 dd的margin没设造成的。

貌似  dl的padding作用不到dd上



鸡哥,还有个问题,我设置 dt的高度,为什么结果比设定高度大了一倍??



nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档






  

  

  

  

  

  

  
  



 


  


=》




注意闭合,你应该了解前端规范

额,低级错误,见笑见笑

É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