<!–
#mydiv {
height: 400px;
width: 800px;
}
#mydiv2 {
background-color: #0C9;
height: 400px;
width: 400px;
float:left;
}
#mydiv3 {
background-color:#F30;
height: 400px;
width: 400px;
float:left;
}
#mydiv2 dl{
height:30px;
background-color:#0FF;
margin:0px;
padding: 0px;
}
#mydiv #mydiv2 dl dd {
padding: 0px;
}
#mydiv2 dl dd ul {
background-color: #FFF;
list-style-type: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
–>
通知公告
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”>
<!–
#maindiv {
background-color: #CCC;
height: 200px;
width: 600px;
}
.bandiv {
background-color: #FFF;
height: 200px;
width: 300px;
float:left;
}
.bandiv dl dt{
background-color:#F00;
width:300px;
height:30px;
}
ul,dl,dd,dt{
margin:0px;
padding:0px;
}
–>
=》
注意闭合，你应该了解前端规范
额，低级错误，见笑见笑
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3091883.html
