Что изменится если не поставить на блочном элементе width: 100%

Блочные элементы (div, p, h1-h6 и др.) по умолчанию занимают всю доступную ширину родителя, растягиваясь на 100%. Явное указание width: 100% не изменит их поведение, но может повлиять в следующих случаях:

1. Если у элемента есть padding или border - без box-sizing: border-box ширина может выйти за пределы родителя (из-за box-model)
2. В flex/grid контейнерах поведение может отличаться (например, flex-элементы по умолчанию сжимаются под содержимое)

Пример:

.parent { width: 300px; }
.child { 
  padding: 20px;
  /* без box-sizing элемент займет 340px (300 + 20*2) */
  width: 100%; 
  box-sizing: border-box; /* исправляет это */
}