リンクの高さを親の100％に設定

Question

height: 100px;で除算し、その中にリンクが含まれている場合 - 値をハードコーディングすることなく、リンクの高さを記入できますか？

<div><a href="#">hello</a></div>

div { 
    height: 100px; 
    width: 100px; 
    background: red; 
} 

a { 
    background: green; 
    height: 100%; /* This does not work. Is it possible to set this height to 100% of container? */ 
} 

フィドル：http://jsfiddle.net/nPL65/

Answer 1

追加：

display: block; 
height: 100%; 

あなたは<div>

た場合の幅にまたがるリンクを気にしている場合、私は知りませんがあなたはちょうどを設定します100％は、それが親の高さに増加するようになりますよう

jsFiddle

Answer 2

display: inline-block;にブロック要素は、高さを指定して、そのコンテナを埋めるために拡大していきます。

a { 
    background: green; 
    display: block; 
    height: 100%; 
} 

実施例：http://jsfiddle.net/h42bD/

Answer 3

はい...それはあなたが見ることができるように

div { 
    width: 100px; 
    height: 100px; 
    background: red; 
} 

a{ 
    display: block; 
    height:100%; 
    background: green; 
} 

をブロックするようにその表示を設定した場合にのみ、可能である、背景ではなく緑でいっぱいに赤..それは実際に高さが設定されていることを証明します