Позиционирование div внизу

Question

Хорошо, так мой вопрос в этом. Как я могу поместить дочерний элемент в другой div внутри основного div без использования margin-top? Пожалуйста, проверьте мой снимок экрана, чтобы понять мой вопрос немного лучше.

Мой главный div - 177px на 177px. Мой дочерний div равен 100px на 25px. Мне нужно в нижней части основного div, плавающего справа, с 20px margin-bottom.

Thanks, 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; 
}