首頁 > web前端 > html教學 > 请教个dl dt dd问题,定位上出现的问题,谢谢_html/css_WEB-ITnose

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

WBOY
發布: 2016-06-24 12:04:03
原創
1553 人瀏覽過








无标题文档





  

  

  
 通知公告

  

  

      
  • 1dsfsfsd

  •    
  • 2sdffsfsf

  •     
  • 3sdfdsfsdfs

  •      
  • 4sdfsfsdf

  •   

  
 
  

  

  







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

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


回复讨论(解决方案)

去除默认样式

ul,dl,dd{margin:0;padding:0;}
登入後複製

鸡哥,我想请问



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



无标题文档






  

  

  

  

  

  

  
  



 


  


=》




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

额,低级错误,见笑见笑

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板