CSS: есть ли способ иметь одинаковое относительное расположение, даже если предыдущий элемент имеет разную высоту?

Question

У меня есть последовательность пар элементов. (.div1, .div2) Я использую атрибут position: относительный на .div2, чтобы переместить его немного вверх и вправо относительно div1.

Однако элементы .div1 имеют разное содержимое и высоту, поэтому относительное расположение .div2 не согласовано (иногда они слишком высокие, иногда слишком низкие).

.div2 {
    position:relative;
    left:200px;
    top:-300;   
}

спасибо

Обновлено: HTML-код очень прост

<div class="div1"> blabla </div>
<div class="div2"> blabla </div>

Answer 1

Если ".div2" находится внутри ".div1", вы можете использовать position:relative на .div1 и position:absolute на .div2, чтобы заставить его занять свою позицию относительно .div1.

Немного нелогично, но это работает.

Answer 2

На этот вопрос будет очень сложно ответить без некоторой примерной разметки.

Сможете ли вы решить проблему, указав вместо нее дно и право? Эти цифры более стабильны?