Зафлоаченные элементы выпадают из потока, но лишь частично:
Блочные элементы, которые идут в коде после зафлоаченного блока, перестают его замечать. Они подтягиваются вверх и занимают его место, как будто его и нет.
Строчные же элементы, расположенные в коде после зафлоаченного блока, начинают обтекать его со свободной стороны.
Ещё раз: для блочных элементов флоатные не существуют, но текст внутри блоков флоатные обтекает.
Такое поведение флоатов даёт интересные эффекты:
Эффект прохождения сквозь блоки. Проявляется, когда зафлоаченный элемент выше, чем несколько последующих за ним блоков.
Эффект выпадания из родителя или схлопывания родителя. Проявляется тогда, когда все дочерние блоки в родителе зафлоачены. В этом случае родитель схлопывается по высоте, как будто в нём нет содержимого, а блоки выпадают из него.
<ul class="slider">
<li class="slider__item">
<h1 class="slider__title">Заголовок слайда 1</h1>
<p class="slider__text">Текстовое содержимое слайда 1</p>
</li>
<li class="slider__item">
<h1 class="slider__title">Заголовок слайда 2</h1>
<p class="slider__text">Текстовое содержимое слайда 2</p>
</li>
<li class="slider__item">
<h1 class="slider__title">Заголовок слайда 3</h1>
<p class="slider__text">Текстовое содержимое слайда 3</p>
</li>
</ul>