molily: Block formatting context ohne overflow

Beitrag lesen

Hallo,

Es gibt verschiedene Eigenschaften, die BFC auslösen:

„Floats, absolutely positioned elements, inline-blocks, table-cells, table-captions, and elements with 'overflow' other than 'visible' (except when that value has been propagated to the viewport) establish new block formatting contexts.“
http://www.w3.org/TR/CSS21/visuren.html#block-formatting

Floats, inline-block und table-cell lösen Shrink-to-Fit aus und damit nimmt das Element nicht den gesamten horizontalen Platz ein. Selbige zusammen mit width:100% geht nicht, weil du sagst, dass das Element neben einem Float liegt und du BFC dazu nutzen willst, dass dessen Box nicht wie üblicherweise hinter dem Float liegt. Also muss die Breite flexibel sein.

Absolute Positionierung fällt ebenfalls heraus. Dann bleibt eigentlich nichts übrig, wenn du auch kein overflow:hidden bzw. overflow:auto verwenden kannst. overflow-x und overflow-y würden noch gehen, aber ich denke mal, der Tooltip kann sowohl horizontal als auch vertikale herausragen.

Ich glaube, du wirst da nur eine Lösung finden, wenn du mit einer festen Breite arbeitest, dann stehen nämlich die Shrink-to-fit-Eigenschaften zur Verfügung. Ist das irgendwie möglich?

Was würde dagegen sprechen, dem Absatz einfach ein margin-left bzw. margin-right zu geben, damit es nicht hinter dem Float liegt? Ist die Breite des Floats auch flexibel?

Mathias