HTML结构
<nav>
<ul>
<li>
<a>基础医学</a>
</li>
<li>
<a>预防医学</a>
</li>
....................//可加多个li
</ul>
</nav>
css部分
nav ul{
width:1000px; //设置横向导航栏的宽度,设置一个大于屏幕的宽度,才能实现滑动效果
}
nav{
overflow:hidden; //超出屏幕部分隐藏
overflow-x:auto; // x轴自适应
}
HTML结构
<nav>
<ul>
<li>
<a>基础医学</a>
</li>
<li>
<a>预防医学</a>
</li>
....................//可加多个li
</ul>
</nav>
css部分
nav ul{
width:1000px; //设置横向导航栏的宽度,设置一个大于屏幕的宽度,才能实现滑动效果
}
nav{
overflow:hidden; //超出屏幕部分隐藏
overflow-x:auto; // x轴自适应
}