Как ширину потомка приравнять к высоте родителя?

Question

[artr_lr]

Наверное, ты уже потянулся строчить ответ в подобном виде

.wrapper {
    width: 300px;
    height: 150px;
    position: relative;
}

.element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 100%;
}

но... это даст не тот результат, а именно


Мне же нужно, что б круг занял место именно таким образом

Answer 1

[Олег]

Как вариант js получаем высоту и устанавливаем jsfiddle.net/Politonius/hLbh9t1k

Comments

[artr_lr]

На чистом css никак? Через те же флексбоксы как-нибудь?

[Иван]

artr_lr, при абсолютном поз. элемент выбивается из потока,через js самое то

[tema_sun]

artr_lr, так у вас абсолютное позиционирование. Причем тут флексбоксы?

Answer 2

[Анатолий]

Например, так.

Comments

[artr_lr]

Меняем ширину блока-родителя ии... потомок растягивается... нужно его ширину подгонять...) не катит