css - 将文本放在元素的底部

Question

我有一个里面有文字的div

<div>
    FC
</div>

例如 div 是 100px 宽和 200px 高有没有办法让文本位于 div 的底部

_____________
|           |
|           |
|           |
|           |
|           |
|           |
|__FC_______|

我想要这个的共鸣是因为我在一个网站上有一个栏，我正在努力改进我的 css，该栏位于页面顶部，在该栏内有 1img 左浮动和 2divs float 右边，带fc的坐在右边2的左边

________________________________________________________________________
|                                                                      |
| logoimg                                               div2(fc)  div1 |
|______________________________________________________________________|

我希望 FC 位于 div 的底部，栏不是固定的，我使用了带有最小高度的百分比，所以我不能只给它一个 margin-top 或者我可以给它一个百分比，但是我希望该 fc 始终位于其放置位置的确切底部。

Answer 1

将文本包裹在一个 span 中并将 bottom 设置为 0，这是指元素在其位置的 y 位置。它将粘附到父 div 的底部。请记住，父 div 必须是relative，而子 div 必须是 absolute 才能正常工作。

.parentdiv
{
  border: 1px solid black;
  width: 50px;
  height: 90px;
  position: relative;
}
.child{
  bottom: 0; position: absolute;
}

<div class="parentdiv">
    <span class="child">FC</span>
</div>