<ul>
<li>首页</li>
<li>课程中心
<ul>
<li>Web前段
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ul>
</li>
<li>Android开发</li>
<li>PHP开发</li>
</ul>
</li>
</ul>
<li>首页</li>
<li>课程中心
<ul>
<li>Web前段
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ul>
</li>
<li>Android开发</li>
<li>PHP开发</li>
</ul>
</li>
</ul>
对于nav会不能够完全在一行显示的原因是img本身是行内元素，如果直接在div内写img外，而不另外给img设置宽高，会导致整个图片实际的高度会多出来3px，解决办法：第一种：给img变成块元素，并且给img设置成与图片一样的高度，这样既可避免溢出；第二种：不就是溢出了嘛，直接给logo加上overflow:hidden，即可。
2017-07-31
最赞回答 / 史努比向前进
先给比如第一页设置一个名为class的类。定义这个类的样式为background-color:red，就可以把第一页设置为当前页，具体的当前页是哪一页的点击事件需要用javascript去设置
2017-07-31