есть код:
<div class = 'content'>
<div class = 'block1'></div>
<div class = 'block2'></div>
<div class = 'block3'></div>
</div>
block1
фиксированной ширины
block2
фиксированной высоты
block2
и block3
слева от block1
Если задать block1
другую ширину, остальные блоки должны на это среагировать соответственно.
Подскажите как лучше такой вариант реализовать?
- делать таблицу или использовать
display: table
не лучший вариант - использовать
position
хорошо если никакие блоки меняться не будут - использовать
flex
где изначально задать взаимное отношение блоков
Второй вариант реализовал, но в динамике очень неудобно использовать - надо отслеживать все блоки
Думаю, лучше через flex
, но никак не могу понять как это реализовать. При условии что block1.width + block2.width < 100%
, т.е. если block2
будет очень узким не должно случиться так, чтобы block3
стал сбоку (справа) от block2
Подскажите как можно реализовать такую схему через flex
?
display: grid
отлично подойдёт