Есть несколько возможных причин, почему заданная ширина блоку может не передаваться в HTML:
1. **Нехватка контента:** Если содержимое внутри блока занимает меньше места, чем заданная ширина блока, то блок может автоматически сжаться до размеров содержимого.
2. **Присутствие паддингов и отступов:** Паддинги и отступы элементов могут добавляться к ширине элемента, что приведет к увеличению общей ширины блока. Например, если у блока есть ширина 200px, а у него также есть паддинг слева и справа по 10px, то общая ширина блока будет 220px.
3. **Применение CSS-свойства box-sizing:** Свойство box-sizing определяет, как браузер должен учитывать паддинги и границы элемента при расчете его общей ширины. Если установлено значение box-sizing: border-box;, то паддинги и границы будут включены в общую ширину блока.
4. **Наличие других CSS-правил:** Если к блоку применяются другие CSS-правила, которые могут перекрывать или изменить заданную ширину, то это может привести к нежелаемым результатам. Например, минимальная ширина или максимальная ширина блока может быть установлена в другом месте и переопределить ранее заданное значение.
5. **Проблемы с наследованием стилей:** Если правила CSS не корректно наследуются от родительских элементов, то это может привести к непредвиденным изменениям ширины блока.
Для того чтобы выявить причину, почему заданная ширина блоку не передается, рекомендуется внимательно изучить все CSS-стили, примененные к блоку и к его родительским элементам, чтобы исключить возможные конфликты и переопределения значений. При необходимости можно воспользоваться инструментами разработчика в браузере для детального анализа стилей и расчета итоговой ширины блока.