Исходный текст : все о поплавках
Перевод : О прошлой и настоящей жизни плавая.
Все права защищены. При перепечатке указывайте источник. Спасибо! !
Что такое поплавок?
Float — это свойство позиционирования CSS. Мы можем взглянуть на типографский дизайн, чтобы понять его происхождение и роль. В макете для печати текст может окружать изображение по желанию. Этот метод обычно называют «переносом текста».
Вот пример:
В программном обеспечении для набора текста текстовое поле можно настроить так, чтобы разрешить смешанное расположение изображений и текста или игнорировать его. Никакое смешивание текста с изображением не позволит тексту появиться поверх изображения, как если бы его там вообще не было. В этом разница между тем, является ли изображение частью потока страницы или нет. Веб-дизайн очень похож на это.
В веб-дизайне элементы страницы, к которым применяется атрибут CSS float, подобны изображениям, окруженным текстом в типографском макете. Плавающие элементы по-прежнему являются частью веб-страницы. Это существенная разница по сравнению с использованием абсолютно позиционированных элементов страницы. Абсолютно позиционированные элементы страницы удаляются из потока страницы, точно так же, как текстовые поля в макетах для печати настроены на игнорирование переноса страницы. Абсолютно позиционированный элемент не будет влиять на другие элементы, а другие элементы не будут влиять на него, независимо от того, находится ли он рядом с другими элементами.
Установите число с плавающей запятой с помощью CSS для элемента следующим образом:
#sidebar {плавать: вправо}
Атрибут fload имеет четыре доступных значения: Left и Right перемещают элемент в соответствующем направлении, None (по умолчанию) делает элемент неплавающим, а Inherit получает значение float от родительского элемента.