Html 为什么保险商实验室有“类”；subnav"；不是更大吗？

级别为“subnav”的ul应更大。我注意到了，因为背景色只显示在一个小区域。如果我悬停在nav ul li上，“SUNBNAV”ul不会离开nav。奇怪的是，“SUNBNAV”内的LIA显示正确，并且在导航外运行良好。 只有当我给“subnav”一个特定的高度时，它才会超出导航

标题{
背景图像：url（“../images/header.jpg”）；
背景尺寸：封面；
背景位置：0-15vh；
背景重复：无重复；
高度：40vh；
显示器：flex；
对齐项目：柔性端；
}
导航{
宽度：100%；
高度：10vh；
背景色：rgba（255、255、255、0.75）；
}
导航ul{
身高：100%；
显示：网格；
网格模板柱：3fr 1fr 1fr 1fr；
对齐项目：居中；
}
李国荣{
位置：相对位置；
}
海军ulli a{
颜色：#1b1a5c；
}
远的，远的{
右边距：0.5em；
颜色：#1b1a5c；
}
航空公司{
右边距：0.5em；
颜色：#1b1a5c；
}
#标志{
身高：100%；
}
#标志img{
最大高度：100%；
}
.subnav{
显示：无；
位置：绝对位置；
背景色：#b18e4a；
宽度：80%；
转化：translateX（10%）；
填充：0.8em；
z指数：1；
}
李素娜先生{
保证金：0.4em；
}
李亚娜先生{
颜色：白色；
}
.李亚娜：悬停{
颜色：#1b1a5c；
}
导航ul li:悬停。次导航{
显示器：flex；
弯曲方向：立柱；
调整项目：灵活启动；
调整内容：灵活启动；
}

您在

导航ul

选择器中设置的

高度：100%

属性的目标是

导航内的顶级
ul
以及您的
ul.subnav
。您可以将
nav ul
更改为
nav>ul
，如果您希望它仅特定于顶级
ul
，或者您可以在
块中覆盖该高度

.subnav{
显示：无；
位置：绝对位置；
背景色：#b18e4a；
宽度：80%；
转化：translateX（10%）；
填充：0.8em；
z指数：1；
高度：自动；/*将其添加到“导航ul”块中的覆盖高度：100%设置*/
}

您可以在下面的代码段中看到这一点：


标题{
背景图像：url（“../images/header.jpg”）；
背景尺寸：封面；
背景位置：0-15vh；
背景重复：无重复；
高度：40vh；
显示器：flex；
对齐项目：柔性端；
}
导航{
宽度：100%；
高度：10vh；
背景色：rgba（255、255、255、0.75）；
}
导航ul{
身高：100%；
显示：网格；
网格模板柱：3fr 1fr 1fr 1fr；
对齐项目：居中；
}
李国荣{
位置：相对位置；
}
海军ulli a{
颜色：#1b1a5c；
}
远的，远的{
右边距：0.5em；
颜色：#1b1a5c；
}
航空公司{
右边距：0.5em；
颜色：#1b1a5c；
}
#标志{
身高：100%；
}
#标志img{
最大高度：100%；
}
.subnav{
显示：无；
位置：绝对位置；
背景色：#b18e4a；
宽度：80%；
转化：translateX（10%）；
填充：0.8em；
z指数：1；
高度：自动；/*将其添加到“导航ul”块中的覆盖高度：100%设置*/
}
李素娜先生{
保证金：0.4em；
}
李亚娜先生{
颜色：白色；
}
.李亚娜：悬停{
颜色：#1b1a5c；
}
导航ul li:悬停。次导航{
显示器：flex；
弯曲方向：立柱；
调整项目：灵活启动；
调整内容：灵活启动；
}




















在这里试试这个。我给了你的.subnav类样式
height:auto。我还删除了你的填充和宽度样式

.subnav {
    height: auto;
    display: none;
    position: absolute;
    background-color: #b18e4a;
    /*transform: translateX(10%);*/
    z-index: 1;
}

将高度添加到导航ul li:hover.subnav

nav ul li:hover .subnav {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 justify-content: flex-start;
 height: 150px
}

你说的“应该更大”到底是什么意思？背景只包括我在“subnav”中链接的顶部。尽管链接显示为一列。当我检查“subnav”时，它非常小，链接溢出。好的，我删除了
absolute
。现在“subnav”显示正确，但它确实向上移动
nav ul li
Nice！现在我也明白了为什么会这样。我将确保在将来更具体地使用我的选择器：）@Defgun——很高兴这有帮助——关于
absolute
/
translateX
，我实际上是想传达您应该删除
translateX
，而不是添加
top:就是这样！非常感谢亚当！这是可行的。但是我在这些子AV中没有相同数量的链接。所以我不想给出一个固定的高度。