2016-03-21 7 views
0

У меня проблема с позиционированием трех элементов в фиксированном верхнем меню на моем веб-сайте. Я хочу выглядеть так: логотип на левом сайте, вход на правильный сайт и меню в середине navbar.Позиционирование элементов в фиксированном меню

How my problem looks like in this picture

Как я должен сделать это правильно?

+0

Можете ли вы показать нам свою исходный код? – Genzotto

+0

Эта проблема решена с помощью ответа @Mamboleoo, но спасибо в любом случае :) –

+0

Я рад слышать это :) – Genzotto

ответ

1

Вы можете легко создать этот макет с помощью flexbox!

Вот пример: https://jsfiddle.net/7n1w4sn6/

display: flex; Нанести & justify-content: space-between; на контейнере вашего меню.

0

Учитывая, что IE не полностью поддерживает гибкий ящик, вот альтернативное решение, которое базируется на коде Mamboleoo, но использует float: left; и float: right; на логотип и знак в связи соответственно: https://jsfiddle.net/vavx5heb/

+0

Ваша демонстрация аналогична моей:/IE поддерживает flexbox с версии 10, в большинстве случаев люди не имеют для поддержки IE 8 и 9. Решение float может быть плохим, если вам нужно вертикально выровнять свои элементы, например. – Mamboleoo

Смежные вопросы