在flexbox中浮动

Question

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

我尝试使用position：absolute，inherit。但是登录元素会重叠。我也尝试过使用z-index，但它很相似。 z-index -1;适用于导航栏登录不好。 z-index 10：导航栏不利于登录。

通常我会在导航栏上使用float：right并完成它。但我想知道是否有一个flexbox的解决方案。

Answer 1

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