javascript - 悬停时显示隐藏的导航栏但不是全宽

Question

所以我找到了一个脚本，它允许我在外部 div 中隐藏一个 div。当外部 div 悬停在内部 div 上时出现。然而，外部和内部 div 在 CSS 中都设置为 100% 宽度，并且在没有脚本的情况下它们可以正常工作，跨越屏幕的整个宽度。使用脚本，它们仅跨越我设置的最小宽度。

这意味着是一个菜单栏，在最顶部跨越网站的整个宽度。

我想知道是否有人知道让div屏幕回到全宽的解决方案？希望这是我错过的简单事情。

<div id="menu_outer_wrapper" 
         onmouseover="document.getElementById('menu_strip_wrapper')
         .style.visibility = 'visible';" 
         onmouseout="document.getElementById('menu_strip_wrapper')
         .style.visibility = 'hidden';">

这是我的CSS：

#menu_outer_wrapper {
 height: 40px:
 width: 100%;
 float: left;
 position: relative;
 min-width: 800px;
} 

#menu_strip_wrapper {
 height: 40px;
 width: 100%;
 min-width: 800px; 
 background: #f1f1f2;
 border-bottom: 1px solid #ccc;
 position: relative;
 float: left;
 font-size: 1.3em;
}

Answer 1

更改:为;，看看它是否会工作。

#menu_outer_wrapper { height: 40px: } 

jsfiddle.net/7maCW/