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

Question

[Alex Kav]

Нужно 3 колонки. Боковые с фиксированной шириной а центральная с динамической. Допустимо ли такое решение: jsfiddle.net/eh1r4wgo Подскажите пожалуйста правильное решение на чистом html и css.

Answer 1

[Pretor DH]

.leftcoll { width: 200px; float:left;}
.rightcoll { width: 250px; float:right; }
.main {margin: 0 250px 0 200px;}

<div class="leftcoll">1</div>
<div class="rightcoll">2</div>
<div class="main">text</div>

Просто... Правильнее не бывает.
Можно воспользоваться "Флексом", но правильнее от этого не станет. Будет слегка адаптивнее.

Comments

[Alex Kav]

Флекс это flexbox? А его можно смело использовать? Просто все вёрстки которые я видел, в том числе свежие, его не использовали. Даже вот тостер.ру как я понял по старинке свёрстан.

[Pretor DH]

Alex Kav: caniuse.com/#search=flex

Answer 2

[Stalker_RED]

https://google.com/search?q=css+holy+grail+3+column

Answer 3

[Алексей]

Еще предложу: jsfiddle.net/1r5f9uu1