Как растянуть блок по ширине CSS

Чтобы растянуть блок по ширине, можно использовать свойство width и задать значение 100%. Например:

.container {
  width: 100%;
}

Здесь мы применяем свойство width к блоку с классом «container». Значение 100% устанавливает ширину блока равной ширине его родительского элемента (или экрана, если отсутствуют родительские элементы).

Если есть отступы (padding) или рамка (border) у блока, то использование свойства width может не дать нужного результата. В таком случае можно использовать свойство box-sizing со значением border-box, чтобы учитывать отступы и границы в вычислении ширины элемента. Например:

.container {
  box-sizing: border-box;
  width: 100%;
  padding: 10px; /* отступы */
  border: 1px solid black; /* рамка */
}

Здесь мы задаем значение box-sizing: border-box, которое позволяет учитывать отступы и границы в расчете ширины блока.

Таким образом, ширина блока будет равна ширине родительского элемента, включая отступы и границы.

В любом случае, можно настроить и другие свойства для дополнительного стилизации и настройки блоков в дизайне сайта.