为何要设这个padding

2013-07-25

为什么要设这个padding.menu ul li a{width: 80pxheight:30pxcolor:#FFFFFFpadding-top: 9pxpadding-r

为什么要设这个padding
.menu ul li a
   {
   width: 80px;
height:30px;
        color:#FFFFFF;
padding-top: 9px;
padding-right: 19px;
padding-bottom: 9px;
padding-left: 19px;
   }
.menu ul li a:hover{
background-color:#C96;

}
如果不设，效果就是只有链接的文字的背景色变。
设了，扩展到padding的范围背景色变。这是什么原理啊。
[解决办法]
加这个样式
display:inline-blaok
[解决办法]

引用:

请大家注意。我设置了
.menu ul li a
   {
   width: 80px;
        height:30px;
}
为什么背景色不扩展到这个链接的范围。这是我不明白的。

因为a标签默认是内联元素，你设宽高不管用的。
[解决办法]
display:block 指定对象为块元素然后对a标签设置宽高这样也是可以的用内外边界撑开 ie6有时会出现问题

热点排行

CSS

为何要设这个padding