1

nav li a の高さ (パディング) と同じ nav の高さを取得するにはどうすればよいですか... !?

nav {
    width: 100%;
}
nav ul {
    text-align: center;
    background-color: #000;
}
nav ul li {
    display: inline;
    margin-right: 0.8em;
    font-family:"courier new"; courier; sans-serif;
    font-size: 1.4em;
}
nav ul li a {
    outline: none;
    color: #fff;
    text-decoration: none;
    padding: 1em 0.5em;
}
nav ul li a:hover {
    outline: none;
    text-decoration:none;
    background-color: #bf2e1f;
}

フィドル > http://jsfiddle.net/redfox52/HbrkA/

ありがとう!

4

2 に答える 2

1

リンクの上下のパディングは 0 にする必要があります。

padding: 0 0.5em 

リンクにパディングを追加したい場合は、それらをブロック要素 ( example ) にします。

于 2013-02-17T11:51:33.320 に答える
0

おっと、もちろん...

nav { オーバーフロー: 自動; }

トリックも行います...どの種類のパディング(パディングボトムも)a...高さnavが続きます... :)

私を助けてくれてありがとう!

于 2013-02-17T11:56:04.677 に答える