Html 奇怪的亚视频按钮错误

我有一个很难解释的子导航条错误，但基本上我在顶部有一个带有5个类别的子导航条，其中只有一个有子导航条。我有整个酒吧设置，以填补100%的屏幕与每个按钮填充20%，这对每个按钮的作品，除了它的子导航页面的按钮很好。如果你打开这个html代码，我会明白我的意思。我不知道这里发生了什么

我试着删除某些部分，看看是什么导致了这个问题，我试着把整个导航条从身体切换到头部，看看这是否有什么作用，我经常玩css，但没有任何效果

代码片段：

/*导航菜单*/
navbar先生{
溢出：隐藏；
背景色：#333；
}
/*导航链接*/
纳瓦尔先生{
浮动：左；
字体大小：16px；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
/*亚导航菜单*/
.subnav{
浮动：左；
溢出：隐藏；
}
/*Subnav按钮*/
.subnav.subnavbtn{
字体大小：16px；
边界：无；
大纲：无；
颜色：白色；
填充：14px 16px；
背景色：继承；
字体家族：继承；
}
.navbar a:悬停，.subnav:悬停.subnavbtn{
背景颜色：绿色；
}
.subnav内容{
显示：无；
位置：绝对位置；
背景颜色：绿色；
z指数：1；
}
.subnav内容a{
颜色：白色；
文字装饰：无；
}
.subnav内容a：悬停{
背景色：#eee；
颜色：黑色；
}
.subnav：悬停.subnav内容{
显示：块；
}

其他游戏

您需要移除按钮的20%宽度，并将其应用到

div.subnav

上，否则它将是您当前看到的20%宽度的20%

/*导航菜单*/
navbar先生{
溢出：隐藏；
背景色：#333；
}
/*导航链接*/
纳瓦尔先生{
浮动：左；
字体大小：16px；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
/*亚导航菜单*/
.subnav{
浮动：左；
溢出：隐藏；
}
/*Subnav按钮*/
.subnav.subnavbtn{
字体大小：16px；
边界：无；
大纲：无；
颜色：白色；
填充：14px 16px；
背景色：继承；
字体家族：继承；
}
.navbar a:悬停，.subnav:悬停.subnavbtn{
背景颜色：绿色；
}
.subnav内容{
显示：无；
位置：绝对位置；
背景颜色：绿色；
z指数：1；
}
.subnav内容a{
颜色：白色；
文字装饰：无；
}
.subnav内容a：悬停{
背景色：#eee；
颜色：黑色；
}
.subnav：悬停.subnav内容{
显示：块；
}

其他游戏

元素

其他游戏

的内联

宽度为20%

，应该在其父游戏上，作为奖励，您应该申请，

---

框大小：边框框

到

.navbar a

，因为否则您的填充将被添加到widht，使用此代码，其减法，这意味着元素的宽度将为20%

将宽度

20%从链接更改为div.subnav

，将

宽度：100%应用到按钮

，并添加此css

.navbar * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/*导航菜单*/
navbar先生{
溢出：隐藏；
背景色：#333；
}
.navbar*{
框大小：边框框；
-moz框大小：边框框；
-webkit框大小：边框框；
}
/*导航链接*/
纳瓦尔先生{
浮动：左；
字体大小：16px；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
/*亚导航菜单*/
.subnav{
浮动：左；
溢出：隐藏；
}
/*Subnav按钮*/
.subnav.subnavbtn{
字体大小：16px；
边界：无；
大纲：无；
颜色：白色；
填充：14px 16px；
背景色：继承；
字体家族：继承；
宽度：100%；
}
.navbar a:悬停，.subnav:悬停.subnavbtn{
背景颜色：绿色；
}
.subnav内容{
显示：无；
位置：绝对位置；
背景颜色：绿色；
z指数：1；
}
.subnav内容a{
颜色：白色；
文字装饰：无；
显示：块；
浮动：无；
文本对齐：左对齐；
}
.subnav内容a：悬停{
背景色：#eee；
颜色：黑色；
}
.subnav：悬停.subnav内容{
显示：块；
}

其他游戏

/*导航菜单*/
navbar先生{
溢出：隐藏；
背景色：#333；
}
/*导航链接*/
纳瓦尔先生{
浮动：左；
字体大小：16px；
颜色：白色；
文本对齐：居中；
填充：14px 0px；
文字装饰：无；
}
/*亚导航菜单*/
.subnav{
浮动：左；
溢出：隐藏；
}
.subnav内容a{
填充：14px 16px；
}
/*Subnav按钮*/
.subnav.subnavbtn{
字体大小：16px；
边界：无；
大纲：无；
颜色：白色；
填充：14px 16px；
背景色：继承；
字体家族：继承；
}
.navbar a:悬停，.subnav:悬停.subnavbtn{
背景颜色：绿色；
}
.subnav内容{
显示：无；
位置：绝对位置；
背景颜色：绿色；
z指数：1；
}
.subnav内容a{
颜色：白色；
文字装饰：无；
}
.subnav内容a：悬停{
背景色：#eee；
颜色：黑色；
}
.subnav：悬停.subnav内容{
显示：块；
}

其他游戏