2012-04-07 25 views
2

こんにちは、<a>タグを親の高さと幅に反応させたいと思います。リンクスタイルのCSSスタイル

どうすればこの問題を解決できますか?表示ブロックが機能しません。それを内側の代わりにliの周りに置くと何らかの理由で最後のliが取り除かれます。

ここで関連コードが要求されています。

nav li{height:70px;float:left;margin:0px;padding:25px 20px;display:block;} 
nav li:hover{background:#00A2E5;} 
nav a, nav a:visited{font:bold 20px Arial;color:#515151;text-decoration:none;display:block;} 
nav a:hover, nav a:visited:hover{font:;color:#FFFFFF;} 
+1

あなたはこれを解決するためにcss.Itであなたのコードの一部は、より便利になる配置することができます。 – NewUser

答えて

2
li a { 
    width:100%; 
    height:100%; 
    display:block; 
} 
+0

+1ですが、おそらく 'display:block;'も追加してください。それなしではうまくいかないでしょう。確かに、訂正してください。 – jwueller

+0

=) –

+0

Thx、9分後まで回答を受け入れることはできませんが、あなたはクレジットを得るでしょう。 – justanotherhobbyist