隱藏的導航欄懸停但不是全寬

所以我有一個腳本，我發現允許我在外部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; 
}

來源

2013-02-16 roxics

，因爲這是一個非常簡單的解決解決。對我而言，監督很小。也許我可以添加到它與JavaScript本身的另一個問題。它的工作原理，它隱藏了div，但只有當你將鼠標移到div上然後將鼠標移出。當你第一次加載頁面時，該div是可見的，並且將保持可見，除非將鼠標懸停在上面然後將鼠標移出。有沒有辦法讓它默認隱藏div？ – roxics 2013-02-16 16:39:00

變化:到;，看看它是否會奏效。

#menu_outer_wrapper { height: 40px: }

jsfiddle.net/7maCW/

來源

2013-02-16 16:28:55

謝謝。我剛剛意識到這一點，並回來刪除這篇文章。簡直不敢相信我錯過了那個小小的冒號。 – roxics 2013-02-16 16:31:52

隱藏的導航欄懸停但不是全寬

回答

相關問題