制作锚在div显示的整个高度：块

我有简单的HTML：制作锚在div显示的整个高度：块

<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的整个空间，为我添加显示：块;到我的CSS，但只占用div的第一行。

什么是错，我该如何解决？感谢

来源

2013-03-09 ihorko

对于李：HTTP：// stackoverflow.com/questions/6323465/anchor-in-list-elements-not-filling-available-space-with-displayblock-and-高度为表格单元格：http://stackoverflow.com/questions/3966027/make-link-in-table-cell-fill-the-entire-row-height – 2014-11-17 08:55:49

添加height:100%到锚CSS：

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

jsFiddle example

来源

2013-03-09 15:54:22 j08691

是的，它的工作原理，谢谢！ – ihorko 2013-03-09 15:58:42

您可以定义ANCOR的高度，这样

a {height: 100%}

来源

2013-03-09 15:54:27 topless

制作锚在div显示的整个高度：块

回答

相关问题