Html 我能'；t调整我的标题'；s在收割台上的位置

对于我的网站，我遇到了一个问题，如果我按高度调整inspect元素上的屏幕大小，标题中的标题将偏离我最初希望固定的位置

所以我试图通过替换

bottom:4vh来修复它带
底部：4%但是，它将标题移动到标题下，标题是原始位置


我试着用
marginbottom
和
paddingbottom
来修复它，但它还是不动。我不知道该怎么办

这是我的代码，以防你想知道


.title{
位置：相对位置；
浮动：左；
列表样式：无；
填充：0 16px；
底部：0vh；
左：8vh；
字体大小：40px；
字母间距：5px；
}
.导航链接{
显示器：flex；
列表样式：无；
证明内容：周围的空间；
对齐项目：柔性端；
左边距：自动；
左侧填充：50vh；
高度：0vh；
}
.img-1{
位置：相对位置；
顶部：2vh；
左：1vh；
}
.nav链接李{
字体大小：20px；
}
a:链接{
文字装饰：无；
颜色：黑色；
}




根据您发布的网站gif，我建议您根本不要使用“vh”单元。vh装置仅在非常特殊的情况下使用，并且要小心

在您的网站中，至少对于标题，我建议您使用flexbox，将所有不同的项目对齐，并在它们之间提供一个很好的间距。关于logo，我不知道你到底想要什么，但你可以通过设置负边距来调整对象位置，或者你可以使用定位布局将一些装饰元素（如logo中的链图标）放置到特定位置。
尝试使用此选项，它将固定标题的位置


。在标题之前{
位置：相对；
宽度：10vw；
左：1米；
}
.头衔{
位置：绝对位置；
浮动：左；
列表样式：无；
填充：0 16px；
底部：0vh；
左：8vh；
字体大小：40px；
字母间距：5px；
}
.导航链接{
显示器：flex；
列表样式：无；
证明内容：周围的空间；
对齐项目：柔性端；
左边距：自动；
左侧填充：50vh；
高度：0vh；
}
.img-1{
位置：相对位置；
顶部：2vh；
左：1vh；
}
.nav链接李{
字体大小：20px；
}
a:链接{
文字装饰：无；
颜色：黑色；
}