Html Flexbox元素高度100%超出父级？

因此，由于设计原因，我不得不在这里使用flexbox，我需要btn p元素像显示块一样工作，我设法通过另一个堆栈帖子来实现它，但是现在当我将其他divs类100%设置为主父类时，我不明白为什么

外包装{ 显示：内联块； 高度：200px； 边框：1px纯红； } 容器{ 显示器：flex； 高度：200px； 柔性包装：包装； } 菜单{ 显示器：flex； 弹性基准：100%； } 菜单p{ 保证金：0； 填充：8px； 填充底部：0； } .其他部门{ 身高：100%； 宽度：25%； 背景颜色：灰色； 右边距：5px； } Btn

Btn

Btn

---

您可以切换到“列方向”，并具有如下内容：

外包装{ 显示：内联块； 高度：200px； 边框：1px纯红； } 容器{ 显示器：flex； 高度：200px； 弯曲方向：立柱； } 菜单{ 显示器：flex； } 菜单p{ 保证金：0； 填充：8px； 填充底部：0； } .其他部门{ 身高：100%； 宽度：25%； 背景颜色：灰色； 右边距：5px； } Btn

Btn

Btn