Html 未出现子AV

请看下面我的编码。当你将鼠标悬停在“商店”上方时，我正在努力让我的SubNav出现。我从其他有效的项目中复制了下面的部分代码，但现在什么都没有发生。对于SubNav，我只是在寻找下拉菜单并显示其他项目。这将出现在网站的所有页面上。有什么建议吗？谢谢

/*stlyes适用于车身*/
身体{
字体系列：“Trocchi”，衬线；
背景色：白色；
边际：0px；
宽度：900px；
保证金：0自动；
边框：3px实心#FEFA91；
}
h1，
h2，
h3，
p{
保证金：0；
填充：0；
}
a{
字体大小：粗体；
颜色：白色；
}
答：林克，
a:参观了{
颜色：黑色；
}
a:悬停，
a:焦点{
颜色：#FEFA91；
}
/*标题*/
标题{
背景色：#FEFA91；
宽度：100%；
}
收割台img{
显示：块；
右边距：自动；
左边距：自动；
垫面：5px；
}
/*导航菜单的样式*/
#导航菜单{
显示：块；
溢出：隐藏；
宽度：100%；
保证金：0；
填充：0；
}
#导航菜单{
列表样式类型：无；
保证金：0；
填充：0；
位置：相对位置；
}
#导航菜单{
浮动：左；
宽度：25%；
}
#导航菜单ul li a{
显示：块；
宽度：100%；
文本对齐：居中；
填充：1em 0；
文字装饰：无；
背景色：#FEFA91；
颜色：黑色；
}
#导航菜单a.current{
颜色：白色；
}
#导航菜单{
显示：无；
位置：绝对位置；
最高：100%；
}
#导航菜单{
浮动：无；
}
#导航菜单ul li a：悬停，
#导航菜单ul li a：焦点{
背景色：黑色；
颜色：白色；
}
#导航菜单ul li：悬停>ul{
显示：块；
}
#导航菜单>ul：之后{
内容：“；
明确：两者皆有；
显示：块；
}
/*主要*/
主要{
填充：20px；
最大宽度：950px；
高度：自动；
}
/*部分*/
部分{
宽度：660px；
保证金：0；
填充：11px0；
}
第img节{
填充：0 15px 10px 15px；
}
第p节{
文本对齐：左对齐；
利润率：10px；
}
第dl节{
字体大小：13px；
文本缩进：30px；
填充：20px0；
}
第h1节{
字体大小：35px；
字体系列：“快感脚本”，草书；
}
/*旁白1*/
#附件1{
宽度：150px；
高度：310px；
浮动：左；
背景色：#FEFA91；
填充：10px0；
文本对齐：居中；
}
#aside1 img{
文本对齐：居中；
}
/*旁白2*/
#亚洲2{
宽度：150px；
高度：310px；
浮动：对；
背景色：#FEFA91；
填充：10px0；
文本对齐：居中；
}
#aside2 img{
文本对齐：居中；
}
#aside2 h2{
字体大小：15px；
}
#阿西德2 p{
字体大小：13px；
}
#亚洲2小时{
边框：1px#000000实心；
}
/*页脚*/
页脚{
明确：两者皆有；
填充：15px；
背景色：#FEFA91；
位置：相对位置；
}
页脚p{
字体大小：90%；
文本对齐：右对齐；
}

耳朵到你的精品店-假日耳朵













弓：红色
乐队：绿色
耳朵：红色和绿色与精灵

我在节中添加了

flexbox

属性，flexbox将

左

主

和

右

列对齐在同一行。顺便说一句，这里有很好的说明

---

哈姆萨，谢谢你！你是救命恩人！你知道我该如何修理这台机器吗？谢谢只使用代码的答案通常可以通过添加一些解释性文本来改进。我添加了一个快速解决方案。刚刚更新了答案谢谢你的通知@jasonaler

#nav_menu {
  display: block;
  overflow: hidden; //remove
  width: 100%;
  margin: 0;
  padding: 0;
}
#nav_menu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  width: 100%; // added
}

section {
  display:flex; // Add flex
  width: 660px;
  margin: 0;
  padding: 11px 0 0 0;
}