CSS Float
Опубликовано: 1 Марта, 2022
Float - это свойство CSS, записанное в файле CSS или непосредственно в стиле элемента. Свойство float определяет поток содержимого. Ниже представлены типы плавающих свойств:
Тип поплавка использование плыть налево Элемент плавает с левой стороны контейнера плавать: вправо Элемент плавает с правой стороны контейнера float: наследовать Элемент наследует плавающее свойство своего родителя (div, table и т. Д.) float: none Элемент отображается как есть (по умолчанию).
float:left
HTML
<!DOCTYPE html> < html > < head > < title >Float</ title > </ head > < body > < div class = "GFG" style = "font-size:40px; color:#006400; float:left;"> GeeksforGeeks </ div > </ body > </ html > |
Выход:
float:right
HTML
<!DOCTYPE html> < html > < head > < title >Float</ title > </ head > < body > < div class = "GFG" style = "font-size:40px; color:#006400; float:right;"> GeeksforGeeks </ div > </ body > </ html > |
Выход:
float:none
HTML
<!DOCTYPE html> < html > < head > < title >Float</ title > </ head > < body > < div class = "GFG" style = "font-size:40px; color:#006400; float:none;"> GeeksforGeeks </ div > </ body > </ html > |
float:inherit
HTML
<!DOCTYPE html> < html > < head > < title >Float</ title > </ head > < body > < div style = "float:right" > < div class = "GFG" style = "font-size:40px; color:#006400; float:inherit;"> GeeksforGeeks </ div > </ div > </ body > </ html > |
Выход: