dw導(dǎo)航欄懸浮在圖片上面，可以按照以下步驟操作1首先在HTML中創(chuàng)建一個(gè)包含導(dǎo)航欄和圖片的容器，例如一個(gè)div元素2設(shè)置該容器的position屬性為relative，以便后續(xù)實(shí)現(xiàn)絕對(duì)定位3設(shè)置導(dǎo)航欄的position屬性為absolute，以便。

HTML代碼 我是左側(cè)浮動(dòng)窗口的內(nèi)容 我是右側(cè)浮動(dòng)窗口的內(nèi)容CSS代碼body * * 為body標(biāo)簽設(shè)置背景僅僅是為了演示效果 * 與浮動(dòng)窗口本身無關(guān) * backgroundcolor #ccc#left， #right。

5創(chuàng)建橫向?qū)Ш降臉邮?在標(biāo)簽里添加一個(gè)樣式類為navli，然后再navli類中設(shè)置樣式背景顏色為紅色，浮動(dòng)為左浮動(dòng)，內(nèi)邊框上下為8px左右為15px，列表屬性為，字體顏色為白色樣式代碼為navlibackgroundcolor。

其實(shí)導(dǎo)航欄就是給列表標(biāo)簽設(shè)置CSS樣式 第一步 在HTML上的文件里加上ulli 標(biāo)簽，在對(duì)應(yīng)的CSS文件中使用下邊語句去掉 li 標(biāo)簽前面默認(rèn)的小圓點(diǎn) 第二步 讓 li 標(biāo)簽 浮動(dòng) 起來，一般設(shè)置為左浮動(dòng)，看看它是不是。

1首先打開我們的測試編輯工具如圖所示新建一個(gè)項(xiàng)目2然后打開indexhtml文件，輸入以下代碼3首先第一個(gè)方法就是使用displayinlineblock將ul標(biāo)簽設(shè)置成行內(nèi)塊級(jí)元素然后將li標(biāo)簽設(shè)置為左浮動(dòng)即可4第二種方法就。