Html 如何使用css使我的菜单宽度达到浏览器的100%

我似乎无法百分之百地浏览我的菜单。我想要一个标志旁边的菜单在标题中的。我尝试在CSS中添加背景颜色和宽度或100%，但没有成功

这是我的密码

#徽标{
填充顶部：10px；
左侧填充：85px；
浮动：左；
}
/*-----顶级-----*/
#菜单2{
背景：#3b3b；
}
.menu>ul>li{
浮动：左；
显示：内联块；
位置：相对位置；
字号：19px；
}
.menu>ul>li>a{
填充：10px 40px；
显示：内联块；
文本阴影：0px 1px 0px rgba（0,0,0,0.4）；
}
.menu>ul>li:悬停>a，
.菜单>ul>当前项>a{
背景：#2e2728；
}
/*-----底层-----*/
.菜单li：悬停.子菜单{
z指数：1；
不透明度：1；
}
.子菜单{
宽度：160%；
填充：5px0px；
位置：绝对位置；
最高：100%；
左：0px；
z指数：-1；
不透明度：0；
过渡：不透明度线性0.15s；
盒影：0px2p3pRGBA（0,0,0,0.2）；
背景：#2e2728；
}
.子菜单li{
显示：块；
字体大小：16px；
}
.子菜单LIA{
填充：10px 30px；
显示：块；
}
.子菜单li a：悬停，
.子菜单.当前项a{
背景#3e3436；
}

css中的背景应为
背景色：#FFFFFF
您只需清除浮动：这是调用

有很多方法可以做到这一点……一种是将
溢出：隐藏
添加到包装器中

#menu2 {
  background: #3b3b3b;
  overflow: hidden;
  /* quick clearfix */
}



#徽标{
填充顶部：10px；
左侧填充：85px；
浮动：左；
}
/*-----顶级-----*/
#菜单2{
背景：#3b3b；
溢出：隐藏；
/*快速清除补丁*/
}
.menu>ul>li{
浮动：左；
显示：内联块；
位置：相对位置；
字号：19px；
}
.menu>ul>li>a{
填充：10px 40px；
显示：内联块；
文本阴影：0px 1px 0px rgba（0,0,0,0.4）；
}
.menu>ul>li:悬停>a，
.菜单>ul>当前项>a{
背景：#2e2728；
}
/*-----底层-----*/
.菜单li：悬停.子菜单{
z指数：1；
不透明度：1；
}
.子菜单{
宽度：160%；
填充：5px0px；
位置：绝对位置；
最高：100%；
左：0px；
z指数：-1；
不透明度：0；
过渡：不透明度线性0.15s；
盒影：0px2p3pRGBA（0,0,0,0.2）；
背景：#2e2728；
}
.子菜单li{
显示：块；
字体大小：16px；
}
.子菜单LIA{
填充：10px 30px；
显示：块；
}
.子菜单li a：悬停，
.子菜单.当前项a{
背景#3e3436；
}

































谢谢，这很有效。现在，下拉菜单不会出现：-(