Блок-контейнер

Каждый элемент располагается относительно его блока-контейнера. С высокой степенью достоверности можно утверждать, что блок-контейнер – это «контекст расположения» элемента. CSS2.1 устанавливает ряд правил для объявления блока-контейнера элемента. Я рассмотрю только те из них, которые имеют отношение к концепции, излагаемой в данной главе, а все остальные оставлю для будущих глав. Для элемента при нормальном (западном) течении текста блок-контейнер формируется краем содержимого (content edge) ближайшего блочного элемента, ячейки таблицы или строкового блока, выступающего в качестве предка данного элемента. Рассмотрим следующую разметку:



Это параграф.





В этом очень простом примере блок-контейнер элемента p – элемент div, поскольку из всех блочных элементов, ячеек таблиц или строковых блоков это ближайший элемент-предок (в данном случае он представляет собою блочный контейнер). Аналогичным образом в качестве контейнера элемента div выступает body. Таким образом, компоновка p зависит от компоновки div, которая, в свою очередь, находится в зависимости от компоновки body. Сейчас мы не будем говорить о строковых элементах, поскольку их расположение не зависит непосредственно от блоков-контейнеров. Они рассмотрены в этой главе позже.

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

Статьи из раздела CSS на эту тему:
Автоматическое определение высоты
Блок-контейнер
Блочные элементы
Вертикальное выравнивание
Вертикальное форматирование