0

Wordpress のリンク メニューの周りにボックスを追加しようとしています。これまでのところ、私はこれを持っています - 私が正しければ、150px x 50px のボックスを作るはずです。ただし、マージン、パディングなどはすべて機能しますが、これは機能しません。なぜそうなるのでしょうか？最近の CSS で width は非推奨になりましたか?

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

2 に答える 2

1

削除display: inline-サイズの設定で問題が発生します。サイズを指定するには、要素をブロックレベルにする必要があります。

また、CSSを簡略化することもできます。

.menu-header .menu-item{
    margin: 0 50px;
    border: 2px solid #000;
    width: 150px;
    height: 50px;
    background: #EDEDED;
}​
于 2012-05-16T19:57:52.827 に答える
0

display：inlineとwidth150pxが互いに衝突します。インライン要素には、常にそのコンテンツの幅があります。

本当にインラインまたはブロックする必要がある場合は、ディスプレイをインラインブロックに設定できます。

于 2012-05-16T19:57:50.957 に答える