Спецификация HTML 4.01 + Спецификация CSS2

         

Соотношение между '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.



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