Выбор ответа Middle Блочная модель обновлено
От чего считается процентный padding-top
Вопрос
Родитель имеет ширину 400px и высоту 200px. От чего считается padding-top: 50% у ребёнка и сколько это пикселей?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: От ширины родителя: 200px. Процентные padding и margin, включая вертикальные, всегда считаются от ширины содержащего блока: 50% от 400px = 200px.
Варианты ответа
- От ширины родителя: 200pxправильный ответ
- От высоты родителя: 100px
- От ширины самого элемента
- Процентный вертикальный padding не работает
Разбор
Процентные padding и margin, включая вертикальные, всегда считаются от ширины содержащего блока: 50% от 400px = 200px. На этом держался старый трюк с пропорциями через padding-top: 56.25%. От высоты и от собственной ширины они не считаются, и свойство при этом работает.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.