サブメニューはブラウザウィンドウの全幅にする必要があります

Question

親メニューをクリックすると水平サブメニューが表示されます。ブラウザウィンドウの全幅に水平サブメニューが必要です。 hereが表示されているように私はこれをほぼ達成することができましたが、サブメニューでは水平にスクロールすることができます。これは、フル幅のサブメニューを作成しているCSSです。

ul.dropdown { 
    display:none; 
    position: absolute; 
    top: 26px; 
    margin-top: 0; 
    background: #333; 
    width: 100vw; 
    min-width: 100vw; 
    padding: 0; 
    height: 50px; 
    margin-top: 8px; 
    left: 0; 
    right: 0; 
    margin: 0 -9999px; padding: 0 9999px; /* this gets the full width of the sub menu */ 
    box-sizing: content-box; /* this prevents the li from behaving badly */ 

大きな水平スクロールを防止しても、ブラウザウィンドウのサブメニューの全幅がまだありますか？

Answer 1

それは超きれいな解決策ではないですが、絶対に最も容易なだけで身体