DIV Blöcke nebeneinander

[ChrisB]

Hi,

Die rechte Box wird nach unten verschoben. Sobald ich height: 100px aus beiden Boxen entferne oder die zweite Box nicht mehr floate werden die Boxen nebeneinander angezeigt.

Ersteres kann ich nicht nachvollziehen.

kann mir jemand dieses Verhalten des Browsers erklären?

Fällt dir beim entfernen von float was auf ...?
Richtig, der Rahmen umschließt nicht mehr den kompletten (überbreiten) Inhalt, sondern die Box ist offenbar nur noch so breit, wie bis zum Viewportrand platz ist.

M.E. trifft folgender Punkt aus den Regeln für Floating hier zu:
“7. A left-floating box that has another left-floating box to its left may not have its right outer edge to the right of its containing block's right edge. (Loosely: a left float may not stick out at the right edge, unless it is already as far to the left as possible.)”

MfG ChrisB