Css 调整a标签至外部td的高度

我得到了以下结构：

<td>
   <a>1. menu</a>
   <a>2. menu</a>
   <a>3. menu</a>
   <a>4. menu</a>
</td>

1.菜单
2.菜单
3.菜单
4.菜单

当然，我有分配给元素的类。我试图将这些a元素的高度调整到外部td，以便悬停效果从上到下填充

请看这里：

你知道我怎样才能做到吗？

那么：

td a {
    display: inline-block;
    height: 100%;
}

---

您还必须删除

td

中的填充（顶部和底部）。您可以更改

a

标记的

填充，并删除
td
元素的
高度。
如果我们能看到您当前的CSS和实际标记，将非常有帮助，但我猜，从你试图完成的是，你需要添加填充的顶部和底部，以达到你想要的外观

我能问一下你为什么把它放在表格里而不是列表里吗？如果你在哪里做列表，你的代码应该是这样的：

<div id="custom_menu">
            <ul class="links">
                <li class="first">
                    <a>Link</a>
                </li>
                <li>
                    <a>Link</a>
                </li>
                <li>
                    <a>Link</a>
                </li>
                <li>
                    <a>Link</a>
                </li>
                <li>
                    <a>Link</a>
                </li>
                <li>
                    <a>Link</a>
                </li>
                <li>
                    <a>Link</a>
                </li>
                <li class="last">
                    <a>Link</a>
                </li>
            </ul><!-- end class=links -->
        </div><!-- end id=custom_menu -->

刚刚编辑了我的答案，您必须删除
td
中的填充，甚至可以使用A元素进行这些修改吗？如果您按照Dave的建议将其更改为block元素，则可以进行这些修改，但浏览器（尤其是较旧的浏览器）并不广泛支持警告内联块。这应该在IE6+、FF3+、Opera和Chrome中工作。或者设置
显示：块；浮动：左嗯，我基本上被需要维护的现有代码绊倒了：）我永远不会这样做。我的生活故事！我会尝试添加填充物和移除td的高度，但我想其他人已经建议了。好吧，我会尽我最大的努力：）谢谢你的帮助。还有其他人。
#custom_menu {
width: 850px;
margin: 0px auto;
padding: 0;
}
.links {
    list-style-type: none;
    margin: 9px auto;
    padding: 4px 0 0 30px;
    height: 23px;
    }
    .links li {
        display: inline !important;
        }
        .links em {
                display: none;
                background-color: red;
            height: 55px;
            font-size: .7em;
            margin: 0 0 0 -50px;
            padding: 3px 10px 10px 3px;
            position: absolute;
            text-align: center;
            width: 107px;
            z-index: 30;
            }
            .links .last em {
                margin: 0 0 0 -75px;
                }