Jquery 使我的整个盒子变大有困难<；李>；元素a超链接

我试图将文本与底部对齐，但同时也使整个

成为超链接。做这件事我错过了什么

我尝试在li标记之前先做a标记，但无法使定位正常工作

在这里拉小提琴：

.navigation{
最大高度：120px；
身高：100%；
宽度：100%；
位置：相对位置；
}
.导航.导航菜单{
宽度：100%；
身高：100%；
位置：相对位置；
文本对齐：居中；
}
.navigation.navmenu.navbox{
背景#0070a2；
文字装饰：无；
文本对齐：居中；
显示：内联块；
宽度：120px；
高度：120px；
最大高度：120px；
最大宽度：120px；
位置：相对位置；
}
.navigation.navmenu.navbox.navlink{
位置：绝对位置；
底部：0；
右：0；
左：0；
字体系列：“Helvetica”；
字体大小：16px；
颜色：#fff；
文字装饰：无；
}

为链接提供100%的宽度和高度，以便它们完全覆盖

元素。然后，您可以使用与跨度对齐的底部将文本保留在

您可以这样做，只需添加以下样式：

.navigation .navmenu .navbox .navlink {
    top:0;
    line-height:200px;
}

---

下面是一个例子：

我想OP希望链接文本位于框的底部：“我正在尝试将我的文本与底部对齐”。谢谢。除了线条高度之外，还有什么方法可以做到这一点吗？我希望他们在底部。我只是希望稍后通过使用某种百分比来实现更容易响应的设计。当然，这是可行的。我确信我可以根据最小/最大屏幕宽度改变它。没什么大不了的。@user80648刚刚更改了答案，所以它会根据盒子的大小做出响应。

.navigation .navmenu .navbox .navlink {
    top:0;
    line-height:200px;
}