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

Question

[kaletvintsev]

Добрый день,

возникла проблема, рушение которой я не могу найти на просторах интернета.
Есть 3 блока:



Блоки left и right имеют фиксированную ширину, класс center должен растягиваться на всю ширину.

Answer 1

[Алексей]

Если левые и правые имеют фиксированную ширину, то сделайте у центрального блока margin-left и margin-right по этим значением и поставьте width: 100%

Comments

[kernUSR]

тогда крайним элементам придётся давать position: absolute;
Иначе ничего не выйдет:
https://codepen.io/kernUSR/pen/NvmGoj

Answer 2

[Николай]

https://codepen.io/Nickolyashka/pen/EvMyJJ

Answer 3

[cssfish]

парсер съел что-то у вас после "есть 3 блока".
но искали плохо - overflow:hidden встает меж флоатами хорошо, но это решение зависит от порядка блоков https://jsfiddle.net/9L0abuw8/