float

Общая информация

Свойство float устанавливает с какой стороны будет выравниваться элемент, а с каких сторон элемент будет обтекаться  остальными элементами веб-документа.

Синтаксис и значения

float: none || left || right || inherit
Значение Описание
none выравнивание для объекта не задается
left выравнивание объекта слева, обтекание справа
right выравнивание объекта справа, обтекание слева
inherit наследует значение свойства от родительского элемента

Примеры

Пример 1.

css:
.block1 {  
width: 300px;  
float: left;  
background-color: #adc4d2;  
}  
  
.block2 {  
width: 200px;  
float: left;  
background-color: #f9c548;  
} 
html:
<div class="block1">Блок #1 выравнен слева, блок #2 обтекает его справа.</div>
<div class="block2">Содержие блока #2</div>
результат:
Блок #1 выравнен слева, блок #2 обтекает его справа.
Содержимое блока #2

форматирование

Добавить комментарий

Имя*
Ответ*