CSS — плавающий

1. Функция

Плавающее позволяет элементу перемещаться влево или вправо от родительского элемента.

Используйте свойство float, чтобы установить плавающую точку элемента.

Необязательное значение: нет. Значение по умолчанию: элемент не плавает.

левый элемент перемещается влево правый элемент перемещается вправо

Два, будь осторожен

        После того, как элемент установлен в плавающее состояние, уравнение Ху для горизонтальной компоновки не требуется.

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

3. Особенности

        1. Плавающие элементы будут совершенно не на своем месте в потоке документов.

        2. После установки поплавка элемент переместится влево или вправо от родительского элемента.

        3. Плавающие элементы по умолчанию не будут перемещены за пределы родительского элемента.

        4. Когда плавающий элемент перемещается влево или вправо, он не будет превышать другие плавающие элементы перед ним.

        5. Если над плавающим элементом находится неплавающий элемент, плавающий элемент нельзя переместить вверх.

        6. Плавающий элемент не должен превышать плавающий одноуровневый элемент над ним, высота которого не превышает его высоты.

Четвертое. Резюме

        В настоящее время основная функция плавающего размещения — позволить элементам на странице располагаться горизонтально и создавать горизонтальные макеты с помощью плавающего размещения.

5. Другие функции (дополнительные)

        Плавающий элемент не будет закрывать текст, и текст автоматически обтекает плавающий элемент, поэтому мы можем использовать плавающий элемент, чтобы установить эффект обтекания текстом изображения.

        После того как элемент станет плавающим, он будет отсоединен от документооборота.После отсоединения также изменятся некоторые характеристики элемента:

                Особенности бездокументарного документооборота:

                        элемент блока:

                                1. Элементы блока не располагаются на одной строке.

                                2. После выхода из потока документов ширина и высота элемента блока по умолчанию расширяются за счет содержимого.

                        Встроенные элементы:

                                После выхода из документооборота он станет блочным элементом с теми же характеристиками, что и блочные элементы.

                                После отрыва от документооборота нет необходимости различать блоки и строчки.

おすすめ

転載: blog.csdn.net/Jocks5/article/details/124160223