2016-03-21 10 views
0

Ich habe Probleme mit der Positionierung von drei Elementen im festen Menü auf meiner Website. Ich möchte so aussehen: Logo auf der linken Seite, Anmeldung auf der rechten Seite und Menü in der Mitte der Navbar.Positionieren von Elementen im festen Menü

How my problem looks like in this picture

Wie soll ich tun, um dieses Recht?

+0

Können Sie uns zeigen Sie Ihre Quellcode? – Genzotto

+0

Dieses Problem ist mit @Mamboleoo Antwort gelöst, aber trotzdem danke :) –

+0

Ich bin froh, dass zu hören :) – Genzotto

Antwort

1

Sie können dieses Layout wirklich leicht mit flexbox erstellen! Hier

ein Beispiel: https://jsfiddle.net/7n1w4sn6/

Tragen Sie eine display: flex; & justify-content: space-between; auf dem Behälter des Menüs.

0

Da IE nicht vollständig flex-Box nicht unterstützt, ist hier eine alternative Lösung, die auf Mamboleoo Code basiert, nutzt aber float: left; und float: right; auf das Logo und Anmelde-Link jeweils: https://jsfiddle.net/vavx5heb/

+0

Ihre Demo ist die gleiche wie meine:/IE Unterstützung flexbox seit Version 10, in den meisten Fällen haben die Menschen nicht IE 8 & 9 zu unterstützen. Die Float-Lösung kann schlecht sein, wenn Sie beispielsweise Ihre Elemente vertikal ausrichten müssen. – Mamboleoo