Для отмены обтекания изображения текстом, примененного через CSS свойство float, можно использовать следующие методы:
clear свойство: Применяется к элементу, следующему за обтекаемым элементом. Устанавливает, по какой стороне запрещено располагаться обтекающим элементам.
clear: left; - отменяет обтекание слева.clear: right; - отменяет обтекание справа.clear: both; - отменяет обтекание с обеих сторон.Например:
html
css
Применение clear: both; к элементу после обтекающего изображения гарантирует, что этот элемент и все последующие будут начинаться ниже обтекающего изображения.
overflow свойство: Применяется к родительскому контейнеру, содержащему как обтекаемое изображение, так и обтекаемый текст.
overflow: hidden;overflow: auto;Эти значения создают новый блочный контекст форматирования (BFC), который "содержит" плавающие элементы внутри родителя.
Например:
html
css
Этот метод более чистый, так как не требует добавления дополнительного элемента для очистки.
Применение display: block; к изображению и использование margin: Если вы не хотите, чтобы изображение обтекалось изначально, просто не применяйте float. Используйте display: block; и margin для позиционирования.
css
Выбор метода зависит от конкретной ситуации и требуемого поведения. clear наиболее универсален для отмены обтекания после определенного элемента, а overflow хорош для создания самоочищающихся контейнеров.