Как объяснить CSS Float на общем языке?

Question

Как объяснить CSS Float на общем языке (не программирование)? Есть ли какой-нибудь реальный пример, чтобы взять пример для объяснения CSS Float?

Есть ли какое-нибудь простое слайд-шоу, чтобы объяснить float?

Answer 1

Объясните это так, как это звучит :)

Это называется плавать, потому что элемент "плавает", как лодка. Рассмотрим остальную часть содержимого воды и объект как лодку ... объект вытесняет определенное количество пространства, и вода (другое содержимое) окружает его. В тех немногих случаях, когда мне приходилось передавать значение этого свойства, это было объяснение, которое «дало понять».

Это не распространяется на кросс-браузерные особенности, как в IE, но для общего объяснения это работает. Для полного объяснения, я все еще думаю, что это лучший ресурс там: простые учебники по CSS float .

Answer 2

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

Свойство может иметь следующие значения:

• left - элемент плаваетслева от элемента контейнера
• справа - элемент плавает справа от элемента контейнера
• none - элемент не перемещается