Ustaw wysokość linku na 100% jego rodzica

Question

Jeśli mam podział na height: 100px; i zawiera on link wewnątrz - czy mogę uczynić link wypełnić wysokość podziału bez zakodowania wartości?

<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? */ 
} 

Fiddle: http://jsfiddle.net/nPL65/

Answer 1

Dodaj:

display: block; 
height: 100%; 

Chociaż nie wiem, czy przeszkadza link rozciągającą szerokość <div>

If właśnie ustawiaszdo display: inline-block;

jsFiddle

Answer 2

elementy blokowe rozszerzy się wypełniając pojemnik ich, określając wysokość jako 100% powoduje, że zwiększa się wysokość jego rodzica.

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

Przykład pracy:http://jsfiddle.net/h42bD/

Answer 3

Tak .. to jest możliwe tylko po ustawieniu jej wyświetlacz do blokowania

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

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

Jak widać, tło wypełnia zieleń zamiast czerwony .. świadczy o wysokości faktycznie ustawiającej