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> |
Выход:
