Html 如何设置标题内链接的底部位置

如何将链接元素的位置设置到标题的底部

标题{
高度：200px；
宽度：100%；
左侧填充：500px；
背景颜色：灰色；
边框底部：纯蓝6px；
}
a{
显示：块；
浮动：左；
宽度：125px；
高度：50px；
边框：纯蓝2px；
左侧填充：2px；
边界半径：15px 15px 0px 0px；
文本对齐：居中；
线高：50px；
颜色：白色；
背景色：黑色；
}

---

只需编辑标题的css即可：

标题{
高度：200px；
宽度：100%；
左侧填充：500px；
背景颜色：灰色；
边框底部：纯蓝6px；
显示器：flex；
弯曲方向：行；
证明内容：中心；
对齐项目：柔性端；
}
a{
显示：块；
浮动：左；
宽度：125px；
高度：50px；
边框：纯蓝2px；
左侧填充：2px；
边界半径：15px 15px 0px 0px；
文本对齐：居中；
线高：50px；
颜色：白色；
背景色：黑色；
}

---

如果将position:relative添加到header，position:absolute添加到link属性，则底部的0将按预期工作

标题{
高度：200px；
宽度：100%；
左侧填充：500px；
背景颜色：灰色；
边框底部：纯蓝6px；
位置：相对位置；
}
a{
位置：绝对位置；
底部：0；
显示：块；
浮动：左；
宽度：125px；
高度：50px；
边框：纯蓝2px；
左侧填充：2px；
边界半径：15px 15px 0px 0px；
文本对齐：居中；
线高：50px；
颜色：白色；
背景色：黑色；
}

---

首先，您需要为

标题设置一个
位置
，在这种情况下，它将是
相对的


第二，你必须使用一个容器来防止你的链接崩溃。我将把它称为
.menuHolder
，它将有所有的菜单链接

然后，为了将它们放在标题的底部，您需要在链接容器上设置一个
绝对
位置。在这种情况下，
.menuHold
再次出现；这是因为我们不希望链接彼此自由分离，我们希望它们保持原位


标题{
高度：200px；
宽度：100%；
左侧填充：500px；
背景颜色：灰色；
边框底部：纯蓝6px；
位置：相对；/*收割台上的相对位置，以保持任何东西的绝对位置在其内部*/
}
a{
显示：块；
浮动：左；
宽度：125px；
高度：50px；
边框：纯蓝2px；
左侧填充：2px；
边界半径：15px 15px 0px 0px；
文本对齐：居中；
线高：50px；
颜色：白色；
背景色：黑色；
}
/*用于链接的容器，可防止链接相互折叠*/
梅努霍尔德先生{
位置：绝对；/*可自由放置*/
底部：0；/*使其粘到底部*/
显示：块；
}

这不是这样工作的，您可以在代码段中看到。我将我的链接设置在div中，它有绝对位置和底部0，现在可以工作了。。。。在我提出我的答案后，问题似乎发生了变化。我上面的代码片段是从我最初阅读的内容复制而来的，只是添加了position属性。这很好用。所以获得否决票是。。。只是粗鲁？你应该添加评论并解释你做了什么，或者至少链接到一些referenceyes@TommySchmidt！我仔细阅读了问题所有者的问题。我对代码做了一些修改，效果很好。