Как можно сверстать такой блок?

Question

[deemaagog]

Подскажите плиз как можно такое сделать?

div1 всегда должен быть квадратом, независимо от ширины и высоты родительского блока. А div2 должен растягиваться, т.е. занимать все свободное место

высота может быть динамическая и определяется высотой родительского блока. Поэтому жестко задавать ширину и высоту квадрата нельзя

Comments

[Aristokrat- govno na rukave]

подобную задачу делал, как предлагал ink

Answer 1

[ink]

htmlbook.ru/layout

Answer 2

[Владислав Лысков]

примерно так, можно улучшить, но мне лень https://jsfiddle.net/38Tnx/5499/

Comments

[deemaagog]

спасибо, а как сделать чтобы при ресайзе не росло по высоте?

[Владислав Лысков]

deemaagog, что не росло по высоте, второй блок?

[deemaagog]

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

то есть нельзя жестко задать длины квадрата, но он все время должен оставаться квадратом

Answer 3

[Алекс]

flexbox)