Как сделать 2 фиксированные по размеру колонки и контент между ними на всю ширину?

Question

[Андрей Стрелков]

Добрый день, нужно сделать отображение в общем случае 3 колонки, но 1ая и 3ья они фиксированной ширины, а между ними 2ая максимально насколько это возможно по ширине

Попытался по колдовать с margin-ами и float-ами но не вышло.
https://jsfiddle.net/strelkovandreyvalerievich/oc4...

Нужен простой вариант без flex-ов и table-cell, и наверное без calc

Comments

[Сергей Герасимов]

Родителю задаёте display: flex, 1 и 3 блоку ширину в единицах измерения, а среднему flex-grow: 1

Answer 1

[RigidStyle]

Вам надо сразу страницу разбить на колонки. Вот, может это то, что нужно: https://wp-kama.ru/id_8945/grid-v-css.html

Answer 2

[Максим Тимофеев]

Поиск рулит:
3 колоночный макет html
в частности:
htmlbook.ru/samlayout/tipovye-makety/rezinovyi-tre...

.col1 { width: 100px; }
.col2 { left: 100px; right: 200px;}
.col3 { width: 200px; right: 0; }

песочница:
https://jsfiddle.net/oc4ghrLk/20/