Четвертая лекция
С прошлой лекции
- block-level elements
- inline-level elements
- block-container-box
- block-level elements
- inline-block
containing-block
Вмещающий блок - блок, от которого вычисляется положение элемента.
position: static/relative- ближайшийblock-container-boxposition: absolute- ближайший родительский элементposition: fixed/absoluteposition: fixed
Если position: absolute / fixed / float, то значение свойства display может отличаться от указаного в стилях.
| Специфицированное значение | Вычисленное значение |
|---|---|
| inline-table | table |
| inline, table-row-group, table-column, table-column-group, table-header-group, table-footer-group, table-row, table-cell, table-cation, inline-block | block |
| Иначе | Без изменений |
Никогда не позиционируйте inline элементы!
block position: absolute захватывает как можно меньше места по ширине