Wie kann ich beheben Scroll-Leiste geht unter Naigation bar

Question

Ich habe ein Problem, wo meine Navigationsleiste über die Bildlaufleiste machen Scroll-Leiste den unteren Typ: ist da und was kann ich dagegen tun? hier ist mein Code:

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; 
} 

Hope you Kerl mir Dank helfen können!

Answer 1

Ich denke, Ihr Problem in dem Überlauf, wird vielleicht, dass sein Werk:

<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%; 
    }