1、在html编辑器软件内，新建html页面，（一般我们常使用的两款编辑器是HBuilder和Adobe Dreamweaver，这里我使用的软件是HBuilder）。
2、在<body></body>添加<div class="nav"></div>,于<div class="nav"></div>中间添加<ul></ul>,在<ul>内添加<li>标签，<li>内同时添加<a>标签，方便连接导航跳转。
3、在新建的<a></a>内，添加横向导航要显示的内容。
4、在<title></title>下方添加一个<style type="text/css"></style>。
5、源文件html保存后，使用浏览器打开预览效果。
1、使用滚动条来显示溢出的内容。overflow：scroll。（无论div中的内容是否溢出，都会出现滚动条框）
2、使用滚动条来隐藏溢出的内容。
overflow：hidden。（div中溢出的部分呗隐藏）
3、设置浏览器自动处理溢出内容。
overflow：auto。 （当div的内容没有溢出的时候显示正常状况，当溢出后自动为其加上滚动条）
