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

因此，我找到了一个脚本，它允许我在一个外部div中隐藏一个div。当外部div悬停在内部div上时，将显示内部div。但是，在CSS中，外部和内部div都被设置为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';">

---

将

：

更改为

并查看它是否有效

#菜单(外包装{高度：40px:}

---

谢谢。我自己才意识到这一点，回来删除了这篇文章。真不敢相信我漏掉了那个小冒号。因为这是一个非常简单的解决办法。我有点疏忽。也许我可以给它添加另一个javascript本身的问题。它可以工作，它隐藏了div，但只有在您将鼠标移到div上，然后将鼠标移出之后。当您第一次加载页面时，div是可见的，并且将保持可见，除非您将鼠标移到它上面，然后将鼠标移出。有没有办法让它在默认情况下隐藏div？