html - 在 CSS 中，我在页眉和页脚之间的侧 div(仅用于设计)不想 100% 高。也不能把相同长度的菜单项放在一边

Question

我正在制作一个网站:http://arc-angyal.hu/

我的第一个问题是，我无法让左侧的红色 div 足够高以填充页眉和页脚之间的空间。它位于标题之后和导航之前。我已经设置:

html, body {height: 100%; margin: 0px; padding: 0px;} 

和 div:

< div style="background: rgb(204, 0, 0); min-height: 100%; 
      height: 100%; float: left; width: 10%;">< /div> 

只为页脚设置了 Clear，以防止 div 挂入其中。

我的另一个问题是侧边导航。我想让列表项的黄色背景与最长的一样长。我已经尝试了几种方法来将它们的宽度设置为 100%，并尝试了其他技术来实现我在网上找到的类似内容。

我一直在为我的两个问题寻找解决方案，但我就是找不到任何解决方案。欢迎和赞赏任何建议。

Answer 1

使用 float:left;width:100%; 将页眉和页脚设置为向左浮动，宽度为 100%;并且您的侧边栏元素应该位于页眉和页脚之间，您可以将其设为 clear:both;