0

だから私は私が見つけたスクリプトを持っていて、それは私が外側の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;
}
4

1 に答える 1

0

に変更:して;、機能するかどうかを確認します。

#menu_outer_wrapper { height: 40px: }

jsfiddle.net/7maCW/

于 2013-02-16T16:28:55.880 に答える