Question

css中的<dd>设置了padding距离，但是添加了<a>标签以后，padding距离怎么就不起作用了

css中的<dd>设置了padding距离，但是添加了<a>标签以后，padding距离怎么就不起作用了
<dd><a href="#">电脑</a></dd><dd><a href="#">手机</a></dd>
在dreamweaver里面设计窗口看，padding距离能起作用，但是到浏览器里面测试，就不起作用了，真晕

Answer 1

padding是内距，一般情况下你得给dd设定一个宽度和高度，然后你再padding设值，而且padding在ie的不同版本和其他内核下计算padding也是不同的，ie6.0padding是不在width和height里面的，是额外增加的，例如dd{width:100px;height:50px;padding:10px;}在ie6.0下显示是宽为120px；高为70px。而在其他内核浏览器例如firefox或者webkit内核显示是宽100px，高50px。希望对你有帮助，一般情况下不要让dd自动增加高宽，“概念”和表格有些不同

追问

我的dd里面的内容字的个数不定，有2个字的 ，还有6个字的，宽度没法弄，少了多的撑不下，多了浪费地方，我应该怎么设置合适啊

追答

你要达到的效果是这样的么？

宽度默认是100%,我设置pdding:10px之后上面，左面和下面出现10px空隙，可以达到预期效果