将链接高度设置为其父项的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>

如果宽度的链接，我不知道你只需设置<a>到display: inline-block;

jsFiddle

Answer 2

座元件将扩展以填充它们的容器，指定高度为100％将导致其提高到它的父的高度。

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; 
} 

正如你可以看到，背景绿色填充，而不是红色..它证明了高度实际上是设置