CSS：如何将元素放置在右下angular？

我试图将文本元素“5天前下注”放在右下angular。 我怎样才能做到这一点？ 而且，更重要的是，请解释一下，我可以征服CSS！

Answer 1

让我们说你的HTML看起来像这样：

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

然后，使用CSS，可以使该文本显示在右下angular，如下所示：

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

这样做的方式是绝对定位的元素总是相对于第一个相对定位的父元素或窗口定位。 由于我们将框的位置设置为相对， .bet_time将其右侧边缘.bet_time到.bet_time的右侧边缘，将其底部边缘.box到.box的底部边缘

Answer 2

设置CSS position: relative; 在箱子里。 这导致对象内的所有绝对位置相对于该框的angular落。 然后在“5天前投注”行中设置以下CSS：

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

如果您需要将文字距离边缘较远，则可以更改0到2 2px或类似的内容。