Как сделать автоматическую ширину блока контента на сайте в зависимости от страницы?

Question

[Иван АНТИКЛАН]

Всем привет!
Пишу свой сайт. У меня реализован вывод правой колонки только на нужных страницах сайта и нужно чтобы блок контента слева подстраивал свою ширину так чтобы когда колонка есть он становился уже, а когда колонки нет занимал всю ширину страницы. Видел такое в одном из движков, но не разобрался как это сделано. Подскажите пожалуйста как это более просто и красиво реализовать? Желательно без JavaScript так как его я еще не изучал. Но если без него никак то готов приступить к изучению.

Answer 1

[Boris Köln]

Вариант 1 (CSS):

#sidebar {float: right: width: 100px;}
#content {width: 100%}

Вариант 2 (PHP):

<div class="<?= $sidebar? 'col-sm-10':'col-sm-12' ?>">...</div>

Answer 2

[Иван Вишневский]

Проще всего с помощью flex и flex-grow.

Answer 3

[Артём Ведищев]

Вариант 1 от Boris Korobkov Boris Korobkov:
https://jsfiddle.net/Lhtu3t5n/

Answer 4

[Иван АНТИКЛАН]

Что-то у меня с первым вариантом не работает. Сайдбар вниз съезжает. Порядок расположения элементов в коде важен или нет? Просто я не эксперт в верстке...