Соотношение между 'display', 'position' и 'float'

Три свойства, влияющие на генерацию и структуру бокса -- 'display', 'position' и 'float' -- взаимодействуют так:

Если 'display'

имеет значение 'none', ПА обязаны игнорировать

'position'

и 'float'. В этом случае элемент не генерирует бокса.

Иначе, если 'position'

имеет значение 'absolute' или 'fixed', 'display' установлен в 'block', а 'float' установлен в 'none'. Позиция бокса будет определяться свойствами 'top', 'right', 'bottom' и 'left' и содержащим блоком бокса.

Иначе, если 'float' имеет значение не 'none', 'display' установлен в 'block', и бокс всплывает.

Иначе, оставшиеся свойства 'display' применяются так, как специфицированы.

Примечание. CSS2 не специфицирует поведение структуры, если значения этих свойств изменяются скриптами. Например, что произойдёт, если элемент, имеющий 'width: auto' изменит позицию? Будет ли перерисовано содержимое или форматирование останется первоначальным? Ответ находится за пределами данного документа, и похоже, что такое поведение отличалось для ранних реализаций CSS2.

Содержание раздела