Html 为什么垂直对齐：底部不工作？

我的网站标题部分有一段代码：

.nav{
位置：相对位置；
显示：内联块；
}
#标题图像{
显示：内联块；
位置：相对位置；
身高：50%；
}
.收割台容器{
高度：6vw；
位置：相对位置；
垂直对齐：底部对齐；
}

将列表项设置为

显示：内联块


.nav{
位置：相对位置；
显示：内联块；
}
#标题图像{
位置：相对位置；
}
.收割台容器{
位置：相对位置；
垂直对齐：底部对齐；
}
李{
显示：内联块；
}












使用此样式设置可能会满足您的要求
这是因为显示：内联块；你用过的，有什么问题吗？我改为block/inline，但这并没有解决问题，实际上我已经将其设置为block/inline，但忘记了包含该代码。不管怎么说，它不起作用，因为我正在试验一个新的html样板，默认情况下，它会将图像设置为中间：（不过，谢谢！
.nav {
   position:relative;
   display:inline-block;
 }

#header-image {
  display: inline-block;
  position: absolute;
  bottom: 15px;
}
.header-container {
  position:relative;
}