Firefox unerwarteter Zeilenumbruch mit Floats & Overflow ausgeblendet
Ich habe ein Container-Div, das zwei Elemente enthält: a.button und ein.box mit text nach innen..button kommt zuerst und ist nach rechts geschwommen..box hat kein float [dies ist eine Einschränkung - ich kann es nicht verlassen, weil es ähnliche andere Strukturen gibt, die davon abhängen, dass es kein float gibt]..box hatoverflow: hidden; um einen neuen Blockformatierungskontext einzurichten. Dies erlaubt.box "100% bis zu" dem vorherigen schwimmenden Element zu überspannen,.button.
.outer-container beherbergt alle diese und ist nach rechts geschwommen.
In Chrome (Beta-m-PC 26.0.1410.12, Mac 25.0.1364.99), Safari (Mac 6.0.2) und IE8-9 funktioniert dies auf die gewünschte Weise..boxDer Text von bleibt in einer Zeile und aufgrund von.outer-containerDer richtige Schwimmer hat genau die Größe, die er haben muss. In Firefox wird der Text jedoch in eine andere Zeile aufgeteilt.
Ich finde auch ein ähnliches Problem, wenn.button wird stattdessen nach links geschoben - ich bekomme das gewünschte Verhalten in allem außer in Firefox.
Ich habe Firefox 16.0.1 und 19.0 für PC und 18.0.1 und 19.0 für Mac gesehen. Ist das ein Bug?