如何讓CSS導航固定在頁面頂端,HTML5如何才能讓導航欄固定頂部不動,且!且!且!不遮擋住下面的DIV???

2021-07-05 18:12:29 字數 1139 閱讀 9595

1樓:迷糊的小夢

可以參考一下css實現滾動頁面導航欄固定在頂部(吸頂效果)

2樓:匿名使用者

首先body

然後:導航內容

#menu

3樓:匿名使用者

導航內容

,然後設定div,用絕對定位來直接給定導航的位置width:200px;

height:100px;

border:1px solid #ff0000;

/*絕對定位*/

position:absolute;

background:#ffffff;

/*距左邊距離*/

left:50px;

/*距頂端邊距離*/

top:200px;

/*與其它div層次的排列*/

z-index:50;

html5如何才能讓導航欄固定頂部不動,且!且!且!不遮擋住下面的div???

4樓:情談學長

1,首先在html中,新增良好的導航內容。

2,後者是網頁的具體內容,這裡的**比較簡單。

3,在樣式中,首先在選單中定義一些樣式。

4,此時,在執行頁面時,滾動條滾動後導航將消失。

5,為了將導航欄固定在頂部,可以新增樣式位置:固定;最高:0;在導航容器中,鍵是第一個樣式,因此其位置是固定的。

6,此時,頁面開始執行,頁面向上滾動,並且導航始終在頂部。

5樓:灩麗

1、首先在我們的html裡,新增好導航內容。

2、後面的就是網頁的具體內容了,這裡的**簡單一些。

3、樣式裡,我們先定義一些選單裡的樣式。

4、這時執行頁面時,在滾動條滾動下去後,導航是會消失不見的。

5、為了讓導航欄固定在頂部,我們可以在導航容器裡新增樣式position: fixed;top: 0;  關鍵是第一個樣式,讓它的位置固定起來。

6、這時執行頁面,頁面滾動起來,導航也始終在頂部的。

6樓:

思路不對,解決辦法不是在t1上,而是在t2上,給t2新增一個css,margin-top:50px;即就是你t1的高度

css問題,li填充排列,css問題 如何讓一個ul內的幾個li在ul內自動填充排列?

想要實現這個效果需要一定限制 css問題 如何讓一個ul內的幾個li在ul內自動填充排列?ul.li 倆都浮動 abc1 abc2 abc3 abc4 abc5 abc1 abc2 abc3 abc4 abc5 abc1 abc2 abc3 abc4 abc5 abc1 abc2 abc3 abc4...

如何把插線板固定在牆上,插排怎麼固定到牆上

插線板如果有耳孔,在牆上打兩個孔,有塑料膨脹銷和自攻螺絲釘固定 也可以用強力雙面膠貼在牆上 打孔,膨脹管,螺絲固定 插排怎麼固定到牆上 用線槽。在插線copy板的固定方法中,很多人習慣上用線卡固定電線,但是這樣的弊端也很明顯,就是線卡會下垂並且不能夠拉直電線,並且甚至還可能會造成牆表面的破壞,最重要...

筆記本windows10如何磁貼固定在桌面

首先,在win10系統桌面,單擊開啟 開始 選單。點選 所有程式 如下圖。請點選輸入 描述 在其中,我以windows10自帶的計算器為例子,找到計算器,用滑鼠左鍵拖動它到右邊磁貼適當位置後鬆開左鍵。請點選輸入 描述 下圖就是鬆開左鍵後情況。發現計算器出現在了磁貼裡面。下次只需要直接點選磁貼即可開啟...