Встречается на собеседованиях • сегодня
Всегда ли padding вылезает за ширину контента при width: 100%
Нет, padding не всегда вылезает за ширину контента при width: 100%. Это зависит от свойства box-sizing:
- По умолчанию (
box-sizing: content-box) padding добавляется к ширине, что может привести к выходу за пределы родителя. - При
box-sizing: border-boxpadding включается в общую ширину элемента, сохраняя заданный размер.
Пример:
css
.box-default {
width: 100%;
padding: 20px; /* Вылезет за родителя */
}
.box-border-box {
width: 100%;
padding: 20px;
box-sizing: border-box; /* Останется в пределах родителя */
}Все современные проекты обычно используют border-box глобально через reset/normalize.

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы