CSS高度100％不在TD上工作

Question

我不明白为什么高度100％的css链接不是继承高度值指向td或表？但是100％的宽度值继承了td或table的值。

.mybutton a { 
display: block;
width: 100%;
height: 100%;
background: #666666;
color: #FFFFFF
}

.mybutton a:hover { 
display: block;
width: 100%;
height: 100%;
background: #666666;
color: #FFFFFF
}

<table border="0" cellpadding="0" cellspacing="0" width="210" height="50">
<tr>
<td width="210" height="50" class="mybutton"><p align="center"><a href="#">BUTTON</a></p></td>
</tr>
</table>

Answer 1

将height:inherit用于p代码元素。