CSS: плавать, но не иметь ничего под

Question

У меня около 3 плавающих div с, 2 слева и 1 справа, затем у меня есть другое текстовое содержимое под 3 плавающими div с.Текст попадает под 3 плавающих элемента, как мне сделать так, чтобы он не попадал под него, но все равно должен плавать?

Answer 1

Некоторый код может помочь, но обычно с плавающей точкой проблема заключается в том, что они не очищаются.

<div style="float: left;"></div>
<div style="float: left;"></div>
<div style="float: right;"></div>
<div style="clear: both;">
    <p>some text under the float</p>
</div>