Question

我有一个问题，我的导航栏越过滚动条使滚动条成为最底层的人： Example image 我能做些什么吗？这是我的代码：

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

我认为你的问题在溢出，也许会有效：

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

我如何修复滚动条在naigation bar下

1 个答案: