Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про CSS: css, float

За что отвечает свойство float и какие принимает значения?

Этот вопрос проверяет понимание свойства float в CSS и его применения для управления потоком документа.

Короткий ответ

Свойство float используется для управления расположением элементов в потоке документа. Оно позволяет элементам "плыть" влево или вправо, позволяя тексту и другим элементам обтекать их. Основные значения — left, right, none и inherit.

Длинный ответ

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

Основные значения float:

  • left: элемент будет располагаться слева, и текст будет обтекать его справа.

  • right: элемент будет располагаться справа, и текст будет обтекать его слева.

  • none: элемент не будет плавать и останется в обычном потоке документа.

  • inherit: элемент наследует значение float от родительского элемента.

Пример:

.img {
	float: left;
	margin: 10px;
} 

В этом примере изображение будет находиться слева, а текст будет обтекать его справа. Однако использование float может привести к проблемам с выравниванием, поэтому часто необходимо использовать clearfix, чтобы очистить обтекание и избежать нежелательных эффектов в верстке.

Уровень

  • Рейтинг:

    2

  • Сложность:

    4

Навыки

  • CSS

    CSS

Ключевые слова

#css

#float

Подпишись на React Developer в телеграм