在固定菜单中定位元素
Positioning elements in fixed menu
我在我网站的固定顶部菜单中定位三个元素时遇到问题。我想看起来像这样:左侧站点上的徽标,右侧站点上的登录和导航栏中间的菜单。
我应该怎么做才对?
您可以使用 flexbox 非常轻松地创建此布局!
这里有一个例子:https://jsfiddle.net/7n1w4sn6/
在菜单容器上应用 display: flex;
& justify-content: space-between;
。
鉴于 IE 不完全支持 flex-box,这里有一个基于 Mamboleoo 代码的替代解决方案,但在徽标和登录上使用 float: left;
和 float: right;
link分别为:https://jsfiddle.net/vavx5heb/
我在我网站的固定顶部菜单中定位三个元素时遇到问题。我想看起来像这样:左侧站点上的徽标,右侧站点上的登录和导航栏中间的菜单。
我应该怎么做才对?
您可以使用 flexbox 非常轻松地创建此布局!
这里有一个例子:https://jsfiddle.net/7n1w4sn6/
在菜单容器上应用 display: flex;
& justify-content: space-between;
。
鉴于 IE 不完全支持 flex-box,这里有一个基于 Mamboleoo 代码的替代解决方案,但在徽标和登录上使用 float: left;
和 float: right;
link分别为:https://jsfiddle.net/vavx5heb/