导航栏中元素的定位
我对导航菜单中元素的位置有问题：
<header class="main-header">
<a href="" class="logo"><img src="https://www.paypalobjects.com/webstatic/i/logo/rebrand/ppcom.svg" alt="Paypal logo" /></a>
<nav class="main-nav">
<ul>
<li><a href="">Buy</a></li>
<li><a href="">Sell</a></li>
<li><a href="">Send</a></li>
<li><a href="">Business</a></li>
</ul>
</nav>
<div class="button">
<a href="#" class="">Log in</a>
<a href="#">Sign up</a>
</div>
</header>
div.button是我遇到问题的元素。我使用flex来定位标头中的元素。但是我对div.button的位置有问题，我不能将它定位到右边。我在左边插入了一个填充来移动它，但这只是一个糟糕的解决方案。
您可以在CodePen中查看我的工作：http://codepen.io/marcvs/pen/JRmQjx
共有3个答案
试试这个
flex display是一种灵活的布局
通过以百分比形式给出正确的值，它也会响应应用程序。
.button {
display:flex;
position:absolute;
right:3%;
}html lang-html prettyprint-override"><div class="button">
<a href="#" class="">Log in</a>
<a href="#">Sign up</a>
</div>
试试这个，
.button {
display: flex;
position: absolute;
right: 0px;
}
没有真正的justify child选项，但是您可以使用左边距：auto
技巧：
.button {
display: flex;
margin-left: auto;
}
此外，相关：如何证明一个单一的flexbox项目（覆盖证明内容）
-
本文向大家介绍Fullpage.js固定导航栏-实现定位导航栏，包括了Fullpage.js固定导航栏-实现定位导航栏的使用技巧和注意事项，需要的朋友参考一下 FullPage.js 是一个简单而易于使用的插件，用来创建全屏滚动网站（也被称为单页网站）。除了可以创建全屏滚动效果以外，也可以给网站添加一些水平的滑块效果。能够自适应不同的屏幕尺寸，包括平板电脑和移动设备。 开始制作自己的个人简历啦，决
-
问题内容： 无论我尝试什么，我都无法在Bootstrap导航栏中放置任何内容，对此有什么解决方案？ 我试过使用或使用的类添加div 。什么都行不通，为什么要实现如此简单，我无法理解的东西这么难，我在做什么错呢？ 这是当前代码： 问题答案： 在Bootstrap 4中，有一个名为的新实用程序。您只需要指定居中元素的宽度。 与Bass Jobsen的答案不同，后者是两端元素的相对中心，以下示例为绝对中
-
HTML 如果你需要定制导航栏，可以用 HTML 创建一个导航栏。 注意：文档的链接都要以 #/ 开头。 <!-- index.html --> <body> <nav> <a href="#/">EN</a> <a href="#/zh-cn/">中文</a> </nav> <div id="app"></div> </body> 配置文件 那我们可以通过 Mar
-
主要内容：表格导航或标签,实例,胶囊式的导航菜单,实例,实例,两端对齐的导航,实例,禁用链接,实例,下拉菜单,实例,实例,更多导航元素组件实例本章我们将讲解 Bootstrap 提供的用于定义导航元素的一些选项。它们使用相同的标记和基类 .nav。Bootstrap 也提供了一个用于共享标记和状态的帮助器类。改变修饰的 class，可以在不同的样式间进行切换。 表格导航或标签 创建一个标签式的导航菜单： 以一个带有 class .nav 的无序列表开始。 添加 class .nav-tabs。
-
修改聊天页面导航栏背景色、导航栏上增加自定义按钮、修改导航栏上图标按钮颜色等 /** 聊天窗口导航栏 @param navigationBar 导航栏 */ - (void)ntalker_navigationBar:(UIView *)navigationBar { navigationBar.backgroundColor = [UIColor redColor];//修改导航栏背景色 }
-
问题内容： 在导航栏元素外部单击时，如何关闭打开的折叠导航栏？当前，打开或关闭它的唯一方法是单击按钮。 请参见示例和代码： 到目前为止，我已经尝试了以下似乎无效的方法： 问题答案： 看一下： 我知道，调用并不是很优雅，但对我也不起作用，而且我认为该动画比几乎很难添加和删除类更好。