Как сверстать подобный блок?

Question

[nen0y]

(Тот что желтый - это фон, остальные - блоки с информацией)

Comments

[Rustam Bainazarov]

Зависит от контекста, задачи и дизайна. Тут слишком абстрактно предоставлено (без контекста других блоклв дизайна). Либо отрицательные маргины, либо calc() на увеличение для трёх колонок, либо же тупо жёлтый блок делать внутри родительского и делать его меньше родителя (+ absolute).

Answer 1

[Анатолий Куликов]

Жёлтый блок сделайте с position: relative, а коричневые - ему дочерние с position: absolute и далее выравнивайте так, как нужно.

Comments

[Rustam Bainazarov]

99%, что ему не нужно будет контентные блоки на absolute. На absolute лучше уж фон вешать (жёлтый), т. к. не он, а коричневые блоки будут формировать габариты секции.

[strelok011]

На флекс гораздо проще. И желтый блок добавить псевдоэлементом на css на обертку, с отступами и позиционированием абсолют. Всем элементам контента релатив, чтоб остались поверх.
Тогда в разметке будет меньше тегов декоративных.

[Анатолий Куликов]

Рустам Байназаров, strelok011, да, согласен.