Rumah > hujung hadapan web > html tutorial > 请教个dl dt dd问题,定位上出现的问题,谢谢_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 12:04:03
asal
1553 orang telah melayarinya








无标题文档





  

  

  
 通知公告

  

  

      
  • 1dsfsfsd

  •    
  • 2sdffsfsf

  •     
  • 3sdfdsfsdfs

  •      
  • 4sdfsfsdf

  •   

  
 
  

  

  







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

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


回复讨论(解决方案)

去除默认样式

ul,dl,dd{margin:0;padding:0;}
Salin selepas log masuk

鸡哥,我想请问



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



无标题文档






  

  

  

  

  

  

  
  



 


  


=》




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

额,低级错误,见笑见笑

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan