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

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

WBOY
Freigeben: 2016-06-24 12:04:03
Original
1559 Leute haben es durchsucht








无标题文档





  

  

  
 通知公告

  

  

      
  • 1dsfsfsd

  •    
  • 2sdffsfsf

  •     
  • 3sdfdsfsdfs

  •      
  • 4sdfsfsdf

  •   

  
 
  

  

  







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

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


回复讨论(解决方案)

去除默认样式

ul,dl,dd{margin:0;padding:0;}
Nach dem Login kopieren

鸡哥,我想请问



#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">



无标题文档






  

  

  

  

  

  

  
  



 


  


=》




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

额,低级错误,见笑见笑

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage