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，專門用來顯示對應導航欄目的內容點擊導航欄觸發(fā)點擊事件，在事件函數中獲取點擊的欄目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創(chuàng)建一個新的HTML文件2先按ctrls保存，以防突然斷電，數據丟失3將title修改為htmlcss，實現橫向導航4創(chuàng)建一個新的divid“A”并添加ulli標簽5在li中添加所需的文本，并調整文本間距按F12。