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

是..只有当您将其显示设置为阻止

时才可能

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

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

正如你所看到的，背景用绿色代替红色..它证明高度实际上是设置

Answer 3

块元素将展开以填充其容器，指定高度为100％将使其增加到其父级的高度。

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

工作示例： http://jsfiddle.net/h42bD/

将链接高度设置为其父级的100％

3 个答案: