Bağlantı yüksekliğini, ana sayfanın% 100'üne ayarlayın

Question

height: 100px; ile bölüme sahip ve içeride bir bağlantı içeriyorsa - değeri sabit kodlama yapmadan bölümün yüksekliğini doldurabilir miyim?

<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

Ekleme: Eğer <div>

Eğer eni kadar bağlantıyı sakıncası ise

display: block; 
height: 100%; 

Bilmiyorum rağmen'yi ayarla % 100 kendi ana yüksekliğine artmasına neden olur olarak

jsFiddle

Answer 2

display: inline-block; Blok elemanlarının yüksekliği belirterek, bunların kabın doldurulması için genişleyecektir.

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

Çalışma Örnek:http://jsfiddle.net/h42bD/

Answer 3

Evet .. Eğer Gördüğünüz gibi

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

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

engellemek için ekran ayarı seçildiğinde, mümkündür, arka plan yerine yeşil ile doldurur kırmızı .. bu yüksekliğin gerçekte