Html 做一个<；李>；出现在页面底部

我有一个垂直菜单，我希望最后一个li标签出现在页面底部。我尝试了一些建议，比如垂直对齐底部，但似乎不起作用

这是我的HTML

html，
身体
分区，
跨度
小程序，
对象
iframe，
h1，
h2，
h3，
h4，
h5，
h6，
P
块引用，
之前，
A.
缩写，
缩略语
住址
大的
提及
密码
德尔，
dfn，
相对长度单位，
字体，
img，
ins，
kbd，
Q
s
桑普，
小的
罢工
坚强的
附属的，
啜饮，
tt，
var，
B
U
我
居中
dl，
dt，
dd，
ol,，
ul，
锂，
字段集，
类型
标签
传奇
标题{
保证金：0；
填充：0；
边界：0；
大纲：0；
字体大小：100%；
垂直对齐：基线；
背景：透明；
最小高度：100%；
最大高度：100%；
}
#介绍{
宽度：100%；
高度：50px；
背景颜色：蓝色；
保证金：0；
左边距：0；
右边距：0；
边际上限：0；
显示：内联块；
位置：固定；
填充：0；
}
#左菜单{
宽度：100px；
最小高度：100%；
最大高度：100%；
身高：100%；
背景颜色：浅蓝色；
保证金：0；
左边距：0；
右边距：0；
边际上限：0；
显示：内联块；
位置：固定；
溢出：隐藏；
填充：0；
浮动：左；
}
保险商实验室{
显示：内联块；
列表样式类型：无；
保证金：0；
填充：0；
宽度：150px；
背景色：#f1f1；
位置：固定；
溢出：自动；
}
李阿{
显示：块；
颜色：#000；
填充：8px 16px；
文字装饰：无；
}
李安：很活跃{
背景色：#4CAF50；
颜色：白色；
}
li a:悬停：未（.active）{
背景色：#555；
颜色：白色；
}
#内容{
左边距：50%；
保证金权利：50%；
}

瓜虫
所容纳之物

html，
身体
分区，
跨度
小程序，
对象
iframe，
h1，
h2，
h3，
h4，
h5，
h6，
P
块引用，
之前，
A.
缩写，
缩略语
住址
大的
提及
密码
德尔，
dfn，
相对长度单位，
字体，
img，
ins，
kbd，
Q
s
桑普，
小的
罢工
坚强的
附属的，
啜饮，
tt，
var，
B
U
我
居中
dl，
dt，
dd，
ol,，
ul，
锂，
字段集，
类型
标签
传奇
标题{
保证金：0；
填充：0；
边界：0；
大纲：0；
字体大小：100%；
垂直对齐：基线；
背景：透明；
}
#内容{
宽度：100%；
身高：100%；
背景色：#e0fcff；
左边距：150像素；
右边距：0；
边际上限：0；
显示：内联块；
位置：固定；
填充物：5px 5px 5px；
}
#左菜单{
显示：内联块；
列表样式类型：无；
身高：100%；
保证金：0；
填充：0；
宽度：150px；
背景色：#f1f1；
位置：固定；
溢出：自动；
浮动：左；
}
ul{}
李阿{
显示：块；
颜色：#000；
填充：8px 16px；
文字装饰：无；
}
李安：很活跃{
背景色：#4CAF50；
颜色：白色；
}
li a:悬停：未（.active）{
背景色：#555；
颜色：白色；
}
.Btm{
位置：固定；
底部：0；
宽度：150px；
}
.Btm a{
显示：块；
颜色：#000；
填充：8px 16px；
文字装饰：无；
}

所容纳之物

使用以下代码：

.nav-list {
    height: 100%;
    position: relative;
}

.last {
    position: absolute;
    bottom: 0;
}

---

因为CSS无法看到哪个

标记是最后一个，所以您必须使用

手动设置它。请确保您的导航栏是一个具有设置高度的

标签（又名，非

自动

。我建议

高度：100%

）

为您提供HTML以查看页面结构。好的，我可以不编辑此帖子吗？进行编辑以显示完整的HTML，cssFlex将在这里为您提供帮助，查找align属性。在我的electron应用程序上，所有菜单项都消失了，只有“关于”保留在顶部。我认为是#leftmenu css导致了这个问题。进一步检查最后一个只有底部的类：0；和位置：固定链接直接到顶部，并显示在问题查找器上方link@TimMarshall我更新了我的答案。你想这样吗？我再次编辑了我的答案。找到了一个既便宜又简单的解决方案，因为electron应用程序窗口将是静态的，所以我将上一节课的页边距设为：369px。它起作用了。谢谢你们的帮助。