Мой контейнер overflow: hidden
не содержит внутри себя соседний плавающий элемент (оранжевый прямоугольник).
Плавающий элемент идет рядом с контейнером (разделом). Но когда я удалю overflow:hidden
, соседний плавающий элемент войдет внутрь контейнера и будет уважать плавающие дочерние элементы контейнера.
Почему это происходит? Имеет ли это какое-либо отношение к контексту форматирования блока?
Может быть, когда я применяю overflow: hidden;
для контейнера, он запускает новый BFC и будет содержать только его дочерние элементы, а не соседние плавающие элементы?
Вот скрипта