底部定位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; 
}