在固定菜单中定位元素

Question

我在网站上的固定顶级菜单中定位三个元素时遇到问题。我希望看起来像这样：左侧网站上的徽标，右侧网站上的登录和导航栏中间的菜单。

我该怎么办呢？

Answer 1

您可以使用flexbox轻松创建此布局！

以下是一个示例：https://jsfiddle.net/7n1w4sn6/

申请display: flex;＆amp; <{1}}在菜单的容器上。

Answer 2

鉴于IE不完全支持flex-box，这里是一个基于Mamboleoo代码的替代解决方案，但在徽标上使用float: left;和float: right;登录链接分别为：https://jsfiddle.net/vavx5heb/