Основные блоки элементов

Все элементы документа генерируют прямоугольный блок, называемый блоком элемента (element box), который описывает пространство, занимаемое элементом в компоновке документа. Следовательно, каждый блок влияет на расположение и размер блоков других элементов. Например, если высота блока первого элемента документа – один дюйм, следующий блок будет начинаться как минимум на дюйм ниже верха документа. Если высота блока первого элемента увеличивается до двух дюймов, то каждый последующий блок элемента будет сдвинут на дюйм вниз, а блок второго элемента будет начинаться как минимум на два дюйма ниже верха документа.

По умолчанию визуальное представление документа составлено из ряда прямоугольных блоков, не перекрывающих друг друга. Кроме того, при определенных ограничениях эти блоки занимают минимально возможное пространство, обеспечивая при этом достаточное разделение, чтобы было понятно, какое содержимое к какому элементу относится. Блоки могут перекрываться, если они были позиционированы вручную; также визуальное наложение может иметь место, если в элементах, размещенных в нормальном потоке, использованы отрицательные поля. Чтобы полностью разобраться с полями, отступами и рамками, необходимо четко понимать модель блоков.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
Абсолютные значения и поля
Задание рамки одним свойством
Несколько стилей
Отрицательные и свернутые поля
Отступ с одной стороны

Вернуться в раздел: CSS / 8. Отступы, рамки и поля