使锚的整个高度为显示：块

Question

我有简单的html：

<div class='mydiv'>
    <a href='#'>Link</a>    
<div>

和css：

div.mydiv { height: 200px; width: 200px; background-color:red; }
div.mydiv a { display:block; color:yellow; background-color:green; }

我需要锚占据div的整个空间，为此我添加了display：block;对我的css，但只占据div的顶线。

出了什么问题，我该如何解决？ 感谢

Answer 1

将height:100%添加到锚点CSS：

div.mydiv a {
    display:block;
    color:yellow;
    background-color:green;
    height:100%;
}

<强> jsFiddle example

Answer 2

您可以像这样定义ancor的高度

a {height: 100%}