Html 根据最低内容使底部边框对齐

我正在使用HTML、CSS、JSP和JavaScript开发我的主页，关于乐器销售和人们的交流

目前，我正在使用

div

、

ul

、

li

和

h

标记为我的站点菜单配置图实现站点地图。我想在最下面的子菜单项（last

li

tags）下创建底部边框，如下图所示（见蓝色指示）。它们应该有一行底部边框，调整到最下面（最后一个）

li

tag

我怎样才能实现我的目标？这就是我到目前为止所做的：

#站点地图(菜单)容器{
宽度：980px；
高度：200px；
边框：1px纯紫色；
}
.sitemap\u菜单{
宽度：150px；
高度：180像素；
浮动：左；
左边距：5px；
右边距：5px；
边缘底部：5px；
边框底部：1px实心#cbcbcb；
}
.sitemap\u菜单\u标题1{
字体大小：15磅；
字体系列：Arial；
垫底：7px；
边框底部：1px实心#cbcbcb；
}
.sitemap\u菜单\u标题2{
字体大小：15磅；
字体系列：Arial；
颜色：红色；
垫底：7px；
边框底部：1px实心#cbcbcb；
}
.sitemap_菜单ul li{
列表样式：无；
字号：11pt；
字体系列：Arial；
背景：url（../images/bullet1.png）不重复0px 50%；
左侧填充：10px；
左边距：10px；
光标：指针；
}

关于

宝洁公司介绍
宝洁历史
位置

钢琴用品

各种钢琴
直立的
宏伟的
电子学
合成器
管理工具

吉他用品

声学的
经典的
电工
四弦琴
管理工具

社区

免费膳宿
评论
图板

事件

正在进行的活动
公告

帮你

向导
通知
常见问题
问答
网站地图

只需添加下面的css，将边框底部添加到子菜单的最后一个

.sitemap_menu ul li:last-child{border-bottom:1px solid #000;}

---

只需添加下面的css，将边框底部添加到子菜单的最后一个

.sitemap_menu ul li:last-child{border-bottom:1px solid #000;}

---

您可以使用

，只需调整列的高度即可

#站点地图(菜单)容器{
宽度：980px；
高度：200px；
边框：1px纯紫色；
}
.sitemap\u菜单{
宽度：150px；
高度：180像素；
浮动：左；
左边距：5px；
右边距：5px；
边缘底部：5px；
}
.sitemap\u菜单\u标题1{
字体大小：15磅；
字体系列：Arial；
垫底：7px；
边框底部：1px实心#cbcbcb；
}
.sitemap\u菜单\u标题2{
字体大小：15磅；
字体系列：Arial；
颜色：红色；
垫底：7px；
边框底部：1px实心#cbcbcb；
}
.sitemap_菜单ul li{
列表样式：无；
字号：11pt；
字体系列：Arial；
背景：url（../images/bullet1.png）不重复0px 50%；
左侧填充：10px；
左边距：10px；
光标：指针；
}

关于

宝洁公司介绍
宝洁历史
位置


钢琴用品

各种钢琴
直立的
宏伟的
电子学
合成器
管理工具


吉他用品

声学的
经典的
电工
四弦琴
管理工具


社区

免费膳宿
评论
图板


事件

正在进行的活动
公告


帮你

向导
通知
常见问题
问答
网站地图

您可以使用

来代替，只需调整列的高度即可

#站点地图(菜单)容器{
宽度：980px；
高度：200px；
边框：1px纯紫色；
}
.sitemap\u菜单{
宽度：150px；
高度：180像素；
浮动：左；
左边距：5px；
右边距：5px；
边缘底部：5px；
}
.sitemap\u菜单\u标题1{
字体大小：15磅；
字体系列：Arial；
垫底：7px；
边框底部：1px实心#cbcbcb；
}
.sitemap\u菜单\u标题2{
字体大小：15磅；
字体系列：Arial；
颜色：红色；
垫底：7px；
边框底部：1px实心#cbcbcb；
}
.sitemap_菜单ul li{
列表样式：无；
字号：11pt；
字体系列：Arial；
背景：url（../images/bullet1.png）不重复0px 50%；
左侧填充：10px；
左边距：10px；
光标：指针；
}

关于

宝洁公司介绍
宝洁历史
位置


钢琴用品

各种钢琴
直立的
宏伟的
电子学
合成器
管理工具


吉他用品

声学的
经典的
电工
四弦琴
管理工具


社区

免费膳宿
评论
图板


事件

正在进行的活动
公告


帮你

向导
通知
常见问题
问答
网站地图

为了做到这一点，您可以使用flexbox来更加灵活。实际上，请删除

#sitemap_menu_容器中的高度约束