使弹性项目像显示块一样

如何让菜单显示在其他div之上？

我知道我可以把菜单div放在容器之外,但我需要将它保存在容器中,因为我在Jquery选项卡中使用它.

您应该添加flex-basis: 100%到#menu,并允许灰色物品通过应用去一个新行flex-wrap: wrap;到#container:

#container {
  display: flex;
  flex-wrap: wrap;
}

#menu {
  display: flex;
  flex-basis: 100%;
}

#menu p {
  margin: 0;
  padding: 8px;
  padding-bottom: 0;
}

.otherDivs {
  height: 700px;
  width: 10%;
  background-color: grey;
  margin-right: 5px;
}

  


    
Btn
    
Btn
    
Btn