2

我有简单的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 的顶行。

出了什么问题,我该如何解决?谢谢

4

2 回答 2

4

添加height:100%到锚CSS:

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

jsFiddle 示例

于 2013-03-09T15:54:22.357 回答
2

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

a {height: 100%}
于 2013-03-09T15:54:27.017 回答