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