0

だから私はクールなナビゲーションを作ろうとしていますが、異常な問題に悩まされているようです.リストアイテムの高さを上げられないようです. 要素をホバーすると見栄えがするように、固定の 45px にしたいのです。しかし、要素をホバーすると、45pxに設定しているにもかかわらず、リスト項目の高さが20pxしかないようです。何か案は？

リストスタイルのコードは次のとおりです

.nav li{
height:45px!important;
min-height:45px!important;
display:inline;
list-style: none;
padding-right:40px;
padding-left:40px;
color:#dddddd;
text-shadow: 0 1px 1px rgba(0,0,0,.60);
margin-left:-4px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

JSFiddle - http://jsfiddle.net/E9Ejd/

4

2 に答える 2

1

1) リストをリセットします。

ul, li {margin:0;padding:0}

2)すべてのスタイリング (およびdisplay:block以外) を使用して配置し、すべてのスタイリングを.ではなく - タグに配置します。position: float:display:ALI

3) 絶対に使用しないでください!important。

于 2013-09-25T14:36:53.727 に答える