Встречается на собеседованиях • сегодня

Как убрать float с какой-либо стороны картинки

Чтобы убрать обтекание (float) с картинки, можно использовать несколько подходов:

  1. Сброс float для конкретного элемента:
css
img {
  float: none;
}
  1. Использование clearfix для родительского контейнера:
css
.container::after {
  content: "";
  display: table;
  clear: both;
}
  1. Применение свойства clear к следующему элементу:
css
.next-element {
  clear: both; /* или left/right в зависимости от ситуации */
}
  1. Использование flex или grid layout вместо float:
css
.container {
  display: flex;
  /* или display: grid; */
}

Лучший современный подход - вообще избегать float для верстки, используя flexbox или grid. Float изначально не предназначался для построения макетов, а только для обтекания текстом изображений.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы