Как сдвигать соседние блоки, относительно позиции видимого?

Question

[Денис Кузьмин]

Здравствуйте.
Есть секция в которой 3 блока в обёртке.

<div class="section">
   <div class="wrapper">
      <div class="block_1">Блок 1</div>
      <div class="block_2 active">Блок 2</div>
      <div class="block_3">Блок 3</div>
   </div>
</div>

Высота и ширина каждого блока во весь экран.
Нужно, чтобы блок с классом active был прижат к левому краю экрана, а соседние, сдвигались относительно active
Например, если block_3 с классом active, то он прижат к левому краю экрана, а block_1 и block_2 уходят за экран, влево.
Чтобы active влиял на положение соседних.

Comments

[4mobile]

js-ом только.
если нужно сдвигать через css, то, например, можно блоку wrapper добавлять нужный класс active1, active2, active3 и сдвигать его на 0, 33.33%, 66.66% соответственно

[Денис Кузьмин]

4mobile, спасибо.

Answer 1

[relows]

Тебе нужен flexbox
Вот урок: https://html5.by/blog/flexbox/
Активному элементу задашь свойство чтобы он всегда был последним, а отцентруешь как удобно

Comments

[Денис Кузьмин]

прикол в том, что надо сохранить порядок блоков внутри обёртки.