html - 链接按钮的宽度在 div 菜单之外有效，但在内部无效？

Question

请注意这个小提琴：http: //jsfiddle.net/8nrPm/3/

我通过添加以下内容设置了动画按钮的宽度：

.manimation a{
    width: 360px;text-align:center;border-bottom:9px solid #43cf61
}

工作正常。现在，将鼠标悬停在MORE按钮上，那里有两个按钮，使用相同的技术设置宽度对这些按钮没有任何影响。

正如您在我的样式表中看到的那样，我通过添加以下内容为Games按钮设置了宽度：

.mgames a{
    width: 150px;text-align:center;font-style:normal;border-bottom:9px solid #e34328
}

但是宽度没有影响。为什么？如何设置它的宽度？

我建议忽略小提琴http://jsfiddle.net/8nrPm/3/因为我确信一定有一些东西阻止了宽度的工作。另外，我尝试将其添加!important到其中，但没有奏效。

Answer 1

锚是一个inline元素。内联元素不是 take width, height, vertical margin & padding。像这样写：

.megadiv a{
 display:block;
}