どのように私は、スクロールバーは、私は私のナビゲーションバーがスクロールバー作るスクロールバーの上に下の男に行く問題を抱えているnaigationバー

Question

の下に行く修正できますか？ は、ここに私のコードです：

HTML：

<div id="main-style"> 
<nav> 
<img src="images/logo_3.png" height="60px" width="215px"> 
<ul> 
<li><a href="#">Home</a></li><!-- 
--><li><a href="#">About</a></li><!-- 
--><li><a href="#">Contact</a></li><!-- 
--><li><a href="#">Menu</a></li> 
</ul> 
</nav> 
</div> 

CSS：

html { 
    font-size:100%; 
    overflow-y:hidden; 
} 

body { 
    margin: 0; 
    width: 100%; 
    } 

html, body { 
    position:relative; 
    overflow-x:hidden; 
    height:100%; 
    } 

*, *:before, *:after { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; } 
*{ 
    margin: 0; 
    padding: 0; 
} 

    #main-style{ 
    width: 100%; 
    position: fixed; 
    z-index: 5; 
} 

あなたは男おかげで私を助けることを願って！

Answer 1

iは、オーバーフローであなたの問題は、多分それが仕事になると思う：

<nav> 
    <img src="images/logo_3.png" height="60px" width="215px"> 
    <ul> 
    <li><a href="#">Home</a></li><!-- 
    --><li><a href="#">About</a></li><!-- 
    --><li><a href="#">Contact</a></li><!-- 
    --><li><a href="#">Menu</a></li> 
    </ul> 
    </nav> 

CSS：スタックオーバーフローへ

nav { 
    display:block; 
    overflow: visibility !important; 
} 
html, body { 
    position:relative; 
    //overflow-x:hidden; 
    height:100%; 
    }