在flexbox中向右浮动

Question

我想使用flexbox在React的右侧创建垂直导航栏，中间是我无法访问的登录元素。问题是使用justify-content：flex-end。元素移到右侧，但“登录”元素在下面而不是在中心。

我尝试使用位置：绝对，继承。但是登录元素会重叠。我也尝试使用z-index，但这是相似的。 z-index -1;有利于登录，不利于导航栏。 z-index 10：对导航栏有利，对登录不利。

通常，我只在navbar上使用float：并完成它。但是我想知道flexbox是否有解决方案。

Answer 1

我认为flexbox不是适合这种布局的工具。如果登录表单相对于导航栏剩余的空间居中（可能比相对于整个身体居中更有意义）。在这里，导航栏似乎确实是float: right或position: fixed。对于较小的屏幕尺寸，此处指定的布局使重叠不可避免，因此，是的，您需要定义发生这种情况时的行为。