Html 在CSS中，页眉和页脚之间的my side div（仅用于设计）don'；我不想达到100%的高。也不能将相同长度的菜单项放在一边

我正在制作一个网站：

我的第一个问题是，我无法将左侧的红色div设置为足够高，以填充页眉和页脚之间的空间。它被放置在头的正后方和导航的正前方。我已经设定了：

html，正文{高度：100%；边距：0px；填充：0px；}

及分区办事处：

Clear仅为页脚设置，以防止div挂起到页脚中

我的另一个问题是侧导航。我想让黄色背景的列表项与最长的一样长。我已经尝试了几种方法，使其宽度达到100%，以及其他技术，用于我在web上找到的类似内容

---

我一直在为我的两个问题寻找解决办法，但我就是找不到任何解决办法。欢迎并感谢任何建议。

使用

float:left将页眉和页脚设置为向左浮动，宽度设置为100%；宽度：100%
你的边栏元素应该在页眉和页脚之间，你可以把它弄清楚：两者都是
谢谢。我试过你推荐的，但没能得到它应该得到的。如果你想给我更多的帮助，这里有一把小提琴：如果你这样做了，请告诉我我应该换什么。