Html 侧边栏菜单未扩展到页面底部（CSS让我抓狂……）
我一直在尝试创建一个简单的网站布局，其中有一个侧栏，可以一直延伸到页脚、一个主要内容区域，以及所有这些区域下方的一个页脚（当页面上没有太多内容时，可以很好地固定在屏幕底部） 经过数小时的反复试验和代码研究，我认为我终于达到了我的目标。。。直到我尝试在“内容”区域添加大量内容，并意识到侧边栏不会像内容那样长，然后 我试着在菜单元素中添加“height:100%”，但显然不行Html 侧边栏菜单未扩展到页面底部（CSS让我抓狂……）,html,css,menu,sidebar,Html,Css,Menu,Sidebar,我一直在尝试创建一个简单的网站布局，其中有一个侧栏，可以一直延伸到页脚、一个主要内容区域，以及所有这些区域下方的一个页脚（当页面上没有太多内容时，可以很好地固定在屏幕底部） 经过数小时的反复试验和代码研究，我认为我终于达到了我的目标。。。直到我尝试在“内容”区域添加大量内容，并意识到侧边栏不会像内容那样长，然后 我试着在菜单元素中添加“height:100%”，但显然不行 #sidebar { width: 3em; position: absolute; left: 0; top: 0; bo
#sidebar {
width: 3em;
position: absolute;
left: 0;
top: 0;
bottom: 2.5em;
background: #111111;
color: #FFFFFF; }
非常感谢。只需添加父类的
位置：相对高度：100%#侧栏html，正文{
边际：0px；
填充：0px；
最小高度：100%；
身高：100%；
}
#包装纸{
最小高度：100%；
高度：自动！重要；
身高：100%；
边距：0自动-2.5em；/*底部边距是页脚高度的负值*/
职位：相对
z指数：0；
}
#页脚{
高度：2.5em；
}
#页脚内容{
边框顶部：3倍实心#000000；
高度：2.3em；
填充顶部：0em；
左：4em；
}
#页脚内容a{
字体：0.8em Helvetica，Arial，无衬线；
左缘：5%；
颜色：#4444；
文字装饰：无；
线高：2.5em；
}
#页脚内容a：悬停{
颜色：#000000；
}
@媒体屏幕和屏幕（最大宽度：640像素）{
#页脚内容{
左侧填充：0.5em；
垫面：0.5em；
}
#页脚内容a{
左边距：0.5em；
显示：块；
}
}
.推{
高度：2.5em；
明确：两者皆有；
}
#内容{
身高：100%；
位置：相对位置；
}
#边栏{
宽度：3em；
位置：绝对位置；
左：0；
排名：0；
底部：2.5em；
背景:#111111；
颜色：#FFFFFF；
身高：100%；
}
#主要{
左边距：3em；
}
侧栏
侧栏
侧栏
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main