CSS: 如何定位元素在右下角？

我正在尝试将文本元素“ Bett5 days ago”放在右下角。我该怎么做呢？而且，更重要的是，请解释，这样我就可以征服 CSS！

alt text

242041 次浏览
小开

在框上设置 CSS position: relative;。这使得盒子内部物体的绝对位置相对于盒子的角落。然后将下面的 CSS 设置为“5天前下注”行:

position: absolute;
bottom: 0;
right: 0;

如果需要将文本间距离边缘更远，可以将 0更改为 2px或类似的值。

小开
最佳答案

让我们假设您的 HTML 看起来是这样的:

<div class="box">
<!-- stuff -->
<p class="bet_time">Bet 5 days ago</p>
</div>

然后，使用 CSS，你可以让文本像这样出现在右下角:

.box {
position:relative;
}
.bet_time {
position:absolute;
bottom:0;
right:0;
}

这样做的原理是，绝对定位的元素总是相对于第一个相对定位的父元素或窗口定位。因为我们将盒子的位置设置为相对，所以 .bet_time将其右边缘定位为 .box的右边缘，将其底边缘定位为 .box的底边缘


提交答案