Question

我主要是一个后端人，所以如果这是一个愚蠢的问题，请道歉。如果我错过了我应该提供的任何信息，我很乐意帮忙。

我有一个小的货币符号，还有一个更大的数字，我希望在div的底部对齐，以便它们的底部像素排成一行。目前它看起来像这样。

现在（我相信）我把div包含在正确的位置。

但正如你所看到的那样，文本流出来了。

div的css如下......

position: absolute;
left: 375px;
top: 15px;
width: 400px;
height: 70px;

分别为每个货币和数字元素。

position: absolute;
left: 0px;
bottom: 0px;
color: #e64611;

position: absolute;
left: 15px;
bottom: 0px;
color: #e64611;
font-size: 50px;

Answer 1

避免使用position: absolute。

使用position: relative使货币位于值的中间位置：

.currency {
  font-size:12px;
  font-weight: bold;
  position: relative;
  top:-10px;
}

.value {
  font-size:41px;
  font-weight: bold;
}

也许您可以查看有关CSS定位的some front-end article。