底部定位div

Question

好吧，所以我的问题是这样的。如何在不使用margin-top的情况下将一个子元素定位在主div中的另一个div？请检查我的屏幕截图，以更好地理解我的问题。

我的主div是177px乘177px。我的子div是100px乘25px我需要在主div的底部浮动，大约20px的margin-bottom。

谢谢， Richard。

Answer 1

使用绝对邮政。将您的主div放在相对位置，然后将您的内部div放到绝对位置，如下所示：

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