Front-end-Job-Interview-Questions

Ответы на вопросы на должность Frontend разработчика.

---

Project maintained by FedorovAlexander Hosted on GitHub Pages — Theme by mattgraham

Объясните, что такое плавающие элементы (floats) и как они работают?

Float - это свойство CSS, которое позволяет элементу “плавать” влево или вправо от своего контейнера, позволяя тексту и инлайновым элементам обтекать его.

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

• float: left - элемент плавает влево
• float: right - элемент плавает вправо
• float: none - элемент не плавает (по умолчанию)

Очистка float:

1. clear: both/left/right - на следующем элементе
2. Clearfix hack на родителе:

.clearfix::after {
	content: '';
	display: table;
	clear: both;
}

1. overflow: hidden/auto на родителе

Современные альтернативы:

• Flexbox
• Grid
• Multi-column layout

Рекомендуется использовать современные методы вёрстки (Flexbox/Grid) вместо float, кроме случаев, когда нужно именно обтекание текстом.

---

Предыдущий вопрос | Следующий вопрос