在固定菜单中定位元素

时间:2016-03-21 10:24:29

标签: html css3 css-position

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

How my problem looks like in this picture

我该怎么办呢?

2 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分:0)

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