Wie behebe ich mein CSS so, dass das Menü auf einem Container bleibt, der flexbox verwendet?

Question

Also hier ist der Code, mit dem ich arbeite. Ich hatte zuerst einen Container mit Flex, und das erlaubte mir, Prädiktoren und Taglist auf der linken Seite zu platzieren (eine übereinander, das ist eine feste Position) und der Rest auf der rechten Seite.

Jetzt wollte ich ein Menü hinzufügen, das oben bleiben und behoben werden würde, d. H. Bleibt dort, während ich blättern. Aber ich kann das anscheinend nicht tun, und indem ich position: fixed auf dem Menü mache, wird es nach links und über den Prädiktor/Taglist-Bereich gesetzt.

Hier ist eine JS Geige von dem, was ich habe.

https://jsfiddle.net/o72oj083/

Answer 1

Hier ist Ihre Arbeit FIDDLE

Nur top:0px hinzufügen und geben body ein padding-top:30px.

Hoffe, dass hilft Danke :)