页眉区块代码

<nav class="g-nav clearfix">
  <ul>
<li><a href="/"><i class="fa-home fa"></i>首页</a></li>
<li><a href="http://www.caihongc.top/">官网</a></li>
   <li><a href="/biji.php">待整理</a></li> 
   <li><a href="/quanzi.html">圈子</a></li>
    <li><a id="openButton" >工具箱</a></li> 


  </ul>
</nav>

.g-nav {
    padding: 0 5px;
    background-color: #363636;
    /*overflow: hidden;*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

.g-nav:before,
    .g-nav:after {
    content: " ";
    display: table;
}

.g-nav:after {
    clear: both;
}

.g-nav a {
  position: relative;
    display: inline-block;
    padding: 0 12px;
    height: 29px;
    line-height: 29px;
    color: #CCC;
    text-decoration: none;
  word-break: keep-all;
  white-space: nowrap;
}

.g-nav a:hover, .g-nav > ul > li:hover > a {
    color: #CCC;
    background-color: #464646;    
}

.g-nav .toolList a:hover {
    color: #fff;
}

.g-nav ul {
    margin: 0;
    padding: 0;
}

.g-nav > ul > li {
    float: left;
    display: inline;
    margin: 0;
    list-style: none;
}