CSS: So verkleinern Sie das erste div im Container, anstatt aus dem Container herauszukommen (der zweite Container sollte direkt nach dem ersten angezeigt werden) [closed]

Question

Apr 07, 2016, 08:28 PM

CSS: So verkleinern Sie das erste div im Container, anstatt aus dem Container herauszukommen (der zweite Container sollte direkt nach dem ersten angezeigt werden) [closed]

Ich habe hier eine ähnliche Frage gestellt:CSS: Wie man das erste Div im Container verkleinert, anstatt den Container zu verlassen, aber diese Frage ist schwieriger: Der Benutzer kann die Breite des Containers ändern. Sie kann kürzer sein als der Platz, der für 3 Container benötigt wird. Was ich brauche, ist, den ersten Container zu verkleinern, wenn eine solche Situation eintritt, sollte auch der zweite Container direkt nach dem ersten angezeigt werden. Hier erwartetes Ergebnis: "First div con ... Second div content Third div content". Gibt es eine Möglichkeit, dies für alle modernen Browser zu tun? (aktuelles Chrome, Firefox und IE 11 benötigt). Hier HTML-Code aus Beispiel "https: //plnkr.co/edit/9FGmNOHYxjtsQMUpeVfm? p = preview ":

<div class="container">
  <div class="first">First div content</div>
  <div class="second">Second div content</div>
  <div class="third">Third div content</div>
</div>