1、position relative然后在二級ul的樣式中添加以下屬性position absolutetop 100%left 0這會將二級ul的位置相對于一級導航條進行定位，而不是頁面的頂部同時，由于一級導航條已經設置了相對定位，因此它應該保持不。

2、2在indexhtml中的ltbody標簽中，輸入html代碼ltbutton style=quotposition absoluteleft 250pxtop 40pxquot按鈕ltbutton3瀏覽器運行indexhtml頁面，此時按鈕被固定在距離上方40px，左側250px的位置。

3、58為了讓導航欄固定在頂部，我們可以在導航容器里添加樣式positionfixedtop0關鍵是第一個樣式，讓它的位置固定起來 68這時運行頁面，頁面滾動起來，導航也始終在頂部的78另外需要修改的地方是導航后面的頁面內容。

4、lthtml 上面的代碼已經實現了需要的功能，導航條固定在了網頁的頂部，這個主要是使用了positionfixed，然后將top值設置為0即可，但是僅僅使用positionfixed還是不夠，因為IE6瀏覽器并不支持，所以還需要進行瀏覽器兼容性設置。

5、01首先打開SublimeText軟件，新建一個html頁面，在html頁面中準備好html結構，如下圖所示02接下來，我們在html的body結構中添加導航欄的內容，如下圖所示03然后需要在style標簽中用CSS定義導航條的樣式，如下圖所示寫。

6、表格寬度=bordertop#bpxridgetdvalign=topstyle=paddingtop5pxpaddingleft3pximg src=pugongyingjpgwidth=100height=100td html中導航條的功能可以顯示網站功能，一目了然，也可以直接跳轉其它。

7、如圖，制作導航條菜單一般是用一個div嵌套ul和li標簽，然后li里面有a標簽布局做好之后，開始寫導航條的樣式，如圖，先清除導航條的margin和padding然后定位導航條的div，這里我就用絕對定位來居中，如果你有其他導航條居中。

8、直接將導航欄固定到可視區(qū)頂部 if scrollTop naviga_offsetTop a_navigation_bar0styletop = 0 + quotpxquot else 如果向下滾動的距離小原來導航欄離頂部的距離，則重新計算導航欄的位置 a_。

9、1導航條的設置效果 2通過列表制作 3導航條的DIV樣式設置 4important實現對不同的瀏覽器設值，列表項樣式 5但這樣看起來還是沒有任何效果，只是顯示文本一樣為此，我們就需要在 標簽中嵌套超鏈接標簽，超鏈接。

10、lt！DOCTYPE html lthead ltmeta。

11、運用display的block設置左拉導航欄，設置下拉導航欄在HTML中設置導航欄左側是運用display的block設置左拉導航欄，設置下拉導航欄HTML是由Web的發(fā)明者TimBernersLee和同事DanielWConnolly于1990年創(chuàng)立的一種標記語言，它是標準。

12、這個技術很簡單如果你有一定的基礎，下面這段代碼對你會有幫助的但是如果你沒有基礎，建議你好好先補下基礎望采納 style=quotpositionfixedtop0pxleft0pxquot。

13、一般來講實現導航欄指定是采用絕對定位的方式示例代碼如下ltdiv class=quotnavquot這里是導航所在的DIV容器ltdiv CSS代碼nav positionfixed * 絕對定位，fixed是相對于瀏覽器窗口定位 * top0 * 距離。

14、工具材料崇高的文本 首先打開SublimeText軟件，新建一個html頁面，在html頁面中準備好html結構，如下圖所示接下來，我們在html的body結構中添加導航欄的內容，如下圖所示然后需要在style標簽中用CSS定義導航條的樣式，如下。

15、添加 navbarfixedtop 類可以讓導航條固定在頂部，還可包含一個 container 或 containerfluid 容器，從而讓導航條居中，并在兩側添加內補paddingltnav class=quotnavbar navbardefault navbarfixedtopquot ltdiv。