Ich habe einen übergeordneten Container, der eine Liste von floatenden Elementen enthält. Der übergeordnete Container wird nach rechts erweitert, wenn neue verschobene Elemente hinzugefügt werden.
Aber wenn ich weitere Elemente hinzufüge und die Elemente in die Nähe der rechten Seite des Fensters kommen, springt das neue Element einfach in eine neue Zeile. Stattdessen möchte ich, dass es weiter nach rechts expandiert, wodurch mein Elterncontainer größer als 100% wird.
Ist es möglich, eine Containerbreite zu definieren, die ungefähr so groß wie "max-width: infinite;" ist?
Um meine eigene Frage zu beantworten, weiß ich, dass ich eine maximale Breite von 5000% oder so machen kann, aber ich habe mich nur gefragt, ob es eine bessere Lösung gibt. Ich finde es merkwürdig, dass die Höhe einer Seite maximal breit ist: unendlich; und die Breite einer Seite kann nicht das gleiche Verhalten haben.
Vielleicht ist das nur eine dumme Frage, aber ich frage trotzdem: P.
Soweit mir bekannt ist, können Sie diesen Cross-Browser nicht zuverlässig ausführen, ohne JavaScript zu verwenden, um die Breiten Ihrer Floats zu berechnen.
Dann können Sie einen "Wrapper" div um das oben genannte haben, der sicherstellt, dass die Tatsache verborgen bleibt, dass Ihre Floats 5000px breit sein können. Wenn Sie overflow-x verwenden, um zu scrollen, wird Ihr div ständig erweitert.
Ich denke, das liegt am Box-Modell, soweit ich weiß, gibt es keinen Container, der größer und größer und größer wird, ohne eine berechnete Breite. Sie werden immer ein Elternblockelement entlang der DOM-Hierarchie (think body / html) mit einer festen Breite treffen.