Начну с последнего. Обтекание, в CSS, это позиционирование слоя, дива, div, картинки, img, слева или справа текста или других выше перечисленных элементов таким образом, что элемент становиться препятствием, которое текст обходить и получается эффект обтекания. Для обтекания нескольких слоёв, дивов, div, img, картинки этими же элементами, это означает что два или больше элемента веб страницы будут размещены друг за другом. Если это позволяет размер контейнера или страницы. Обтекание: слоёв, дивов, div, img, картинок реализуется, в CSS, с помощью свойства стиля float. Подробнее о float можно почитать в предыдущей статье здесь.

    Тем кто разобрался как создать обтекание и зачем оно нужно, хочу рассказать как это обтекание убрать, при позиционировании. Можно в элементе который стоит левее написать свойство CSS float:none;, но это не всегда работает и не во всех браузерах. Лучше воспользоваться железным свойством CSS clear. Clear, от слова очистить, позволяет убрать обтекание любого типа. Для этого у свойства CSS clear существуют такие параметры: clear: left – убрать обтекание слева; clear: right – убрать обтекание справа; clear: none – не убирать обтекание; clear:inherit – убрать обтекание, как это делает родительский элемент; ну и самый главный параметр для удаления обтекания clear:both – убирает любые виды обтекания. Если честно, то в своей практике я постоянно использую параметр clear:both. Он очень харашо подходит, когда не хочется гадать наверняка, что нужнее clear: right или clear: left.
Надеюсь, что эта статья была понятна и не нужно наводить примеры использования свойства CSS clear, для удаления обтекания. Ну вдруг что не понятно пишите ваши вопросы в комментарии.