谁能帮忙看看这段CSS为什么会出现这样的效果

来源：百度知道 编辑：UC知道 时间：2024/06/15 04:42:48
下面这个CSS当鼠标移动到链接上以后背景会变化，但是我鼠标还没移动到字上呢背景就变化了，请问这是怎么做到的，哪一句起的作用
<style type="text/css">
.menu {
font-size:14px;
line-height:18px;
*line-height:32px;
}
.menu li {
display:inline;
}
.menu a:link,
.menu a:visited{
display:-moz-inline-stack;/*FF下有效*/
*display:inline;/*此行及下行为IE定义*/
zoom:1;
width:80px;
padding:8px 0px 6px 0px;
*padding:0;
float:left;
color:#014A99;
text-align:center;
text-decoration:none;
}
.menu a:hover{
color:#FFF;
font-weight:bold;
background-color:#000000;
}

</style>
<div>
<ul class="menu"><li><a href="#">d</a></li></ul></div>

这个很简单啊。你给它设的行高是32px；然后左右内边距是14px；还设了宽度，你加起来算算它的盒子的高和宽是多大啊，所以之所以会出现你的那种情况是因为你给它设的内边距和宽度太大了。解决的办法是：
不要给他设边距太大。