Html 如何强制导航和按钮保持恒定高度？

我有以下代码

文件
* {
保证金：0；
填充：0；
框大小：边框框；
}
/*标题*/
.标题{
填料：2.5vw；
位置：相对位置；
背景：线性梯度（向右，EE7752 25%，E73C7E 50%，23A6D5 75%，23D5AB 100%）；
背景大小：200%200%；
动画：Gradiente 15s轻松无限；
字体大小：15px；
}
@关键帧渐变{
0% {
背景位置：0%50%
}
50% {
背景职位：100%50%
}
100% {
背景位置：0%50%
}
}
.标题p{
位置：绝对位置；
最高：50%；
左：50%；
保证金权利：-50%；
转换：转换（-50%，-50%）
}
/*导航栏*/
.flex{
显示器：flex；
弯曲方向：行；
宽度：100%；
}
.选择权{
显示器：flex；
宽度：24.7%；
颜色：白色；
背景颜色：灰色；
证明内容：中心；
对齐项目：居中；
高度：4vw；
左边距：0.25vw；
}
#菜单{
显示：无；
}
Examen B 2DAW

门努
Opcion 1
Opcion 2
Opcion 3
Opcion 4

我认为问题在于，您的填充设置为视口宽度（vw），其值将相应改变。如果希望高度为静态，请使用px作为填充或高度。如果您愿意，您可以同时使用高度和填充，但请记住，两者会相加

        .header {
            padding-top: 20px;
            padding-bottom: 20px;
            position: relative;
            background: linear-gradient(to right, #EE7752 25%, #E73C7E 50%, #23A6D5 75%, #23D5AB 100%);
            background-size: 200% 200%;
            animation: Gradiente 15s ease infinite;
            font-size: 15px;
        }

或

---

我认为问题在于，您的填充设置为视口宽度（vw），其值将相应地改变。如果希望高度为静态，请使用px作为填充或高度。如果您愿意，您可以同时使用高度和填充，但请记住，两者会相加

        .header {
            padding-top: 20px;
            padding-bottom: 20px;
            position: relative;
            background: linear-gradient(to right, #EE7752 25%, #E73C7E 50%, #23A6D5 75%, #23D5AB 100%);
            background-size: 200% 200%;
            animation: Gradiente 15s ease infinite;
            font-size: 15px;
        }

或

---

在你的班级中，

header

和

nav

只需设置一个

minheight

例如：

min-height:60px;

---

在你的班级中，

header

和

nav

只需设置一个

minheight

例如：

min-height:60px;

---

给填料：50px；在标题类和填充顶部：50px；填充底部：50px；在选项类中。我希望它能满足你的要求

给药：50px；在标题类和填充顶部：50px；填充底部：50px；在选项类中。我希望它能满足你的要求