Flexbox außerhalb seines Containers

Ich versuche einen header-bar, in der es sind 3 Elemente, die zuerst nimmt man genau so viel Platz wie Sie können, während die anderen 2 nehmen so viel, wie Sie benötigen.

| title | button | button |

Das problem tritt auf, wenn der Titel Teil ist zu breit. Der Inhalt nicht umbrochen wird, und es schiebt die buttons aus dem Bild.

Lassen Sie mich zeigen mit codepen.

https://codepen.io/anon/pen/bqrpVg

Update

Ich sehe es jetzt, aber kann mir jemand erklären, was die Werte tun, um zu erreichen, was ich will, statt nur zu sagen Sie mir die Lösung, so dass ich es verstehen kann.

Schreibe einen Kommentar