Question

所以我找到了一个脚本，允许我隐藏外部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';">

这是我的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/

隐藏导航栏显示悬停但不是全宽

1 个答案: