css - 尝试根据链接制作一个特定大小的框 - 不起作用

Question

尝试在 Wordpress 中的链接菜单周围添加一个框。到目前为止，我已经得到了这个——如果我是正确的话，它应该是一个 150px x 50px 的盒子。然而，虽然 margin、padding 等都有效，但这个不行。为什么会这样呢？最近的 CSS 是否弃用了宽度？

.menu-header .menu-item {
    display: inline !important;
    margin: 0px 50px !important;
    border-style: solid !important;
    border-width: 2px !important;
    width: 150px !important;
    height: 50px !important;
    background-color: #EDEDED !important;
   }

Answer 1

删除 display: inline - 这会导致设置大小出现问题。元素需要是 block 级别的以指定大小。

此外，还可以简化 CSS:

.menu-header .menu-item{
    margin: 0 50px;
    border: 2px solid #000;
    width: 150px;
    height: 50px;
    background: #EDEDED;
}​