Html Flexbox布局css

我想修复左侧边栏和页脚。有人帮我吗

我想保留这个结构，因此只有带卷轴的主区域 可以使用flex吗

我附上html和css代码 顶部的横杆我设法修好了，但你能告诉我这是不是正确的方法吗

HTML * { 框大小：边框框； 字体系列：蒙特塞拉特，无衬线； 字号：500； 字体大小：16px； 颜色：edf0f1； } 身体{ 背景色：24252a； 保证金：0； } .标志{ 光标：指针； 宽度：100px； 高度：50px； 右边距：自动； } navbar先生{ 背景色：1b1d22！重要； 显示器：flex； 证明内容：柔性端； 对齐项目：居中； 填充：30px 20px； 边框底部：1px实心0088a9； 背景色：24252a； 宽度：100%； 位置：固定； } 纳瓦尔先生{ 填充：14px 20px； 文字装饰：无； 文本对齐：居中； 转换：所有0.3秒到0秒； } .导航栏a:悬停{ 颜色：0088a9； 文字装饰：无； } .集装箱{ 显示器：flex； 柔性包装：nowrap； } .这边{ 背景色：1b1d22； 弹性：20%； 填充：20px； 右边框：1px实心0088a9； } 梅因先生{ 弹性：80%； 填充：20px； } fakeimg先生{ 背景色：aaa； 宽度：100%； 填充：20px； } .页脚{ 填充：20px； 文本对齐：居中； 背景：ddd； } @媒体屏幕和最大宽度：700px{ .row、.navbar{ 弯曲方向：立柱； } } 关于我 我的照片： 形象 一些关于我的文字在《罪过》中

更多文本 同侧阴唇

形象 形象 形象 标题 标题说明，2017年12月7日 形象 一些文字

这是因为，工作人员应该为献身于和平事业的精英们服务，因为他们的劳动和财富是暂时的。但是，我们必须尽可能少地进行练习

标题 标题说明，2017年9月2日 形象 一些文字

这是因为，工作人员应该为献身于和平事业的精英们服务，因为他们的劳动和财富是暂时的。但是，我们必须尽可能少地进行练习

页脚

---

如果您希望通过flex获得粘性页眉和页脚，请从以下模板开始：

/*布局*/ 身体{ 保证金：0； 高度：100vh；/*最好在页眉加上最小高度+页脚加上最小高度以查看主视图*/ 显示器：flex； 弯曲方向：立柱； } 主要{ 弹性：1； 溢出：自动； 背景：灰色 } /*演示*/ 主要：悬停：在{ 内容：“高度200vh”； 显示：块； 填充：0 200vh 0； } 任何高度的收割台 如果需要，请滚动

---

任何高度的页脚您的意思是当您滚动页面时，左侧不会滚动，而是固定不变的，对吗？