Разработка и интерфейсы
Блочная модель
Расчет полной геометрии CSS-элемента: содержимое, внутренние отступы, рамка и внешние поля. Режим box-sizing определяет, входят ли рамка и padding в объявленную ширину. Модель важна для сеток, форм и адаптивных макетов, где сумма размеров должна укладываться в доступное пространство.
Пример на практике
Поле шириной 300 пикселей с padding не должно выталкивать соседнюю колонку за экран.
Когда пригодится
Согласуйте box-sizing проекта и учитывайте margin отдельно при расчете интервалов.
Что важно учитывать
Автоматическая высота и переполнение содержимого могут нарушить ожидаемую геометрию.
Словарь tarasovcode — проект Ильи Тарасова и TarasovWeb. Telegram-канал · #tarasovweb · #ИльяТарасов
Вернуться к 400 терминам