CSS实现手机横向滑动菜单
经常使用的小布局,每次都忘记,简单记录一下
<div class="nav">
<ul>
<li>第一场</li>
<li>第二场</li>
<li>第三场</li>
<li>第四场</li>
<li>最终排名</li>
</ul>
</div>
.nav{
overflow: hidden; /*最外层设置 溢出隐藏 */
}
.nav ul{
white-space: nowrap; /*第二层设置 不换行 */
overflow-y: auto; /*溢出框 提供滚动机制*/
}
.nav ul li{
display: inline-block; /*最内层div设置inline-block*/
}