html - 将 Div 中的按钮底部对齐

Question

我有一个带有 CSS 的主 div:

.border {
 border-radius: 25px;
 border: 8px solid #2C3E50;
 padding: 50px;
 width: 500px;
 height: 500px;
 margin: 0 auto;
 display: flex;
 justify-content: center;
 align-items: center;
}

还有两个按钮并排放置在 div 中，使用 CSS 使其在悬停/按下时具有动画效果。无论 div 中的内容是什么，我如何使按钮位于 div 的底部？position:absolute，对我不起作用。

Answer 1

尝试 position: absolute 或 relative 然后改变 bottom 和 right 属性。

此外，您是否检查过以确保没有其他样式覆盖您的首选样式？ Chrome 的开发者工具是发现这一点的绝佳方式。