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

Question

请注意这个 fiddle :http://jsfiddle.net/8nrPm/3/

我已经通过添加以下内容设置了Animation 按钮的宽度:

.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
}

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

我建议忽略 fiddle http://jsfiddle.net/8nrPm/3/因为我确信一定有什么东西阻止了宽度的工作。另外，我尝试向其中添加 !important 但没有成功。

Answer 1

anchor 是一个 inline 元素。内联元素不采用 width、height、vertical margin & padding。像这样写:

.megadiv a{
 display:block;
}