无法为 flexbox child 设置全高,任何帮助将不胜感激 HTML CSS SASS 网页设计

Can't set full height for flexbox child , any help would be appretiated HTML CSS SASS Web Design

我正在尝试创建一个布局与 youtube 相似的电影应用程序,我将 body 用作 flex parent,将(nav 和 main)用作 flex children,我已经在 Whosebug 然而 none 解决了我的问题

结果图片

这是我的代码:

```https://codepen.io/userahmad2001/pen/poaKXBz```

我相信我明白你在说什么,

(如果完全错误请告诉我,我会更新!)

您需要为 body 添加高度,也许 min-height 会有所帮助

body {
  min-height: 100vh; 
}

这会将高度设置为至少视口的高度。

看看, https://codepen.io/looskie-the-flexboxer/pen/abqjOge