将div定位在底部

Question

好的，我的问题是这个。如何在不使用margin-top的情况下将子元素定位为主div中的另一个div？请检查我的屏幕截图，以便更好地理解我的问题。 我的主要部分是177px乘177px。我的孩子div是100px乘25px我需要在主div的底部漂浮右边大约20px边距底部。 谢谢， 理查德。

Answer 1

使用绝对邮寄。将你的主div设置为relative，然后将你的内部div设置为绝对，如下所示：

.main-div {
  position: relative;
  height: 177px;
  width: 177px;
}
.inner-div {
  position: absolute;
  right: 0;
  bottom: 20px;
  width: 100px;
  height: 20px;
}