Как соотносится текст и стили?

[newobject]

В этом коде:

<div style="background: green; border: 2px solid black">
outerfoo
<div style="background: red; float: left">innerfoo</div>
</div>

видно, что внутренний див приклеялся к левой стенке внешнего, перекрыв его часть. Почему же тогда текст не перекрылся? Получается, что текст при перекрытии одного элемента другим выползает из-под него в свободное пространство? Есть какое нибудь общее правило позиционирования текста при перекрытии, и вообще? Получается, что текст вообще независим от блока, который его содержит?

[cha0s]

float обтекает элементы, а не перекрывает их.

[newobject]

cha0s,
Он по-факту здесь перекрыл внешний див, это видно по бордеру. Что значит обтекает? что он в данном случае "обтек"?

[Rise]

newobject,
element node <div> обтекает слева text node outerfoo

[cha0s]

cha0s,
Он по-факту здесь перекрыл внешний див, это видно по бордеру. Что значит обтекает? что он в данном случае "обтек"?

Потому-что у тебя div находиться внутри другого diva, в данном примере он у тебя обтекает то что находиться в контейнере, у тебя там только текст поэтому он и обтек его(была бы картинка - обтёк картинку и т.д), он ничего не перекрыл border в данном случае не относиться к контенту это стиль главного diva.