html - table 内CSS跨度高度为100％

我有桌子。
在桌子里面，我有<a class="available">available</a>
但似乎高度并未覆盖整个表格行。

的HTML：

<table with="100%" class="list_table">
<tbody>
<tr>
<td><a class="available">Available</a></td>
<td><a class="booked"><span>Nose to mouth</span><span>Frown Lines</span></a></td>
</tr>
</tbody>
</table>

CSS：

.list_table thead th, .list_table tbody td { border:1px solid #D3D9CB;  font-size:12px; position:relative !important;}
.available { background:#98AEB3; display:block; height:100%;}
.booked { background:#F2AE30; }

图片已附上：

最佳答案

如果

.available { background:#98AEB3; display:block; height:100%;padding:0;margin:0;}

没有帮助，请尝试添加：

.available { background:#98AEB3; display:block; height:100%;line-height:18px;}

调整行高像素对其进行调整，应该可以。

关于html - table 内CSS跨度高度为100％，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4658335/