html頁面中想要制作一個(gè)懸浮在固定位置的一個(gè)導(dǎo)航，該怎么制作懸浮導(dǎo)航呢？我們可以使用Dreamweaver來制作，請(qǐng)看下文詳細(xì)介紹。

1、啟動(dòng)Dreamweaver，并新建一個(gè)html軟件

2、新建好以后可以看到自動(dòng)生成的網(wǎng)頁代碼

3、在head中添加樣式代碼<style type="text/css"></style>，body中插入一個(gè)div

4、為了方便查看效果，可以給diV定義高于屏幕的高度。并引入樣式a。

.a{width: 1920px;height: 10000px;background: #BFBFBF;}

5、在寫一個(gè)DIV模塊，并引入CSS模擬一個(gè)方形的紅色代碼，刷新后可以看到寫好的模塊只在頂部，并不是懸浮在固定位置的哦

.b{width: 100px;height: 100px;background: #ff0000;}

6、這時(shí)候就需要用到position: fixed;代碼了。代碼如下：

position: fixed;left: 100px;top: 100px;z-index: 100;

寬度和高度設(shè)置好后就固定在一個(gè)位置了，z-index是把DIV設(shè)置到了最頂層，這樣就可以啦，往下拉頁面看看是不是固定在這個(gè)位置不變的呢

以上就是Dreamweaver制作懸浮在固定位置的一個(gè)導(dǎo)航的方法，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注武林網(wǎng)。

相關(guān)推薦：

Dreamweaver登陸界面怎么顯示?

Dreamweaver怎么給頁面添加時(shí)間?

Dreamweaver無法打開提示javascript錯(cuò)誤怎么辦?