18首先我们的html里，添加好导航内容28后面的就是网页的具体内容了，这里的代码简单一些38样式里，我们先定义一些菜单里的样式48这时运行页面时，在滚动条滚动下去后，导航是会消失不见的58为了让导航栏。

6默认的块状标签div是竖排排列的，就是会换行7然后我们将div添加floatleft浮动效果就好了8这样刚才的竖排导航就变成了横排排列的导航页了9很多时候我们做导航会用到无序列表ul或者有序列表ol来制作导航。

html做导航栏步骤如下1用Dreamweaver新建一个HTML文件2按ctrl+s先保存，以防突然断电数据丢失3修改title为html+css实现横向导航4新建一个divid为“a”，添加ulli标签5在li中添加自己想要的文字并调整。

css+div做图片中的导航条的方法思路对ul里的li设置排成一排所以需要设置一个CSS displayinline让li排成一排，从而让li并排布局然后需要对ul li里的a标签设置displayblock的，但a父级li不设置具体宽度，所以需要对a。

CSShtml5如何做到点击导航栏切换页面导航栏下面放一个Div，专门用来显示对应导航栏目的内容点击导航栏触发点击事件，在事件函数中获取点击的栏目id，通过此id确定往p中添加那个内容可以用pinnerHTML来更新p显示的内容。

ltdiv id=quotlanPosquotltdiv ltul 3书写css代码ltstyle html， body， div， span， object， iframe， h1， h2， h3， h4， h5， h6， p， blockquote， pre， abbr， address， cite， code， del， dfn， em， img。

1用Dreamweaver创建一个新的HTML文件2先按ctrls保存，以防突然断电，数据丢失3将title修改为htmlcss，实现横向导航4创建一个新的divid“A”并添加ulli标签5在li中添加所需的文本，并调整文本间距按F12。