Растянуть div вдоль родителя?

Question

[Nwton]

1) Есть div родитель с width = 500px, например
2) Внутри div несколько других div вряд (исп. inline-block или floar left). Как эти div растянуть по всему родителю? Что бы получилось как на второй картинке

.

Answer 1

[Сергей delphinpro]

.parent { display: flex; }
.child { flex: 0 1 auto; } or .child { flex: 0 1 25%; }

https://jsfiddle.net/fw1mLrwL/

Answer 2

[hoarywolf]

Каждому ширину 25% поставить

Comments

[Nwton]

Но если у одного блока содержимое "B", а у второго "XIKDLSLD"? Надо сделать так, что бы растяжение происходило оптимально.

[iBird Rose]

Nwton: тогда используй table

[hoarywolf]

Nwton: из рисунка этого не следует. При таком раскладе не знаю, знаю только как таблицей.

Answer 3

[Макс Бриллиант]

Только не ширину а длину 25% :)

Comments

[Сергей delphinpro]

свойство width - ширина.
в css нет понятия длины (length)