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

2021-05-29 09:42:38 字數 616 閱讀 2333

1樓:情談學長

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

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

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

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

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

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

2樓:灩麗

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

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

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

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

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

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

3樓:

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

如何選擇HTML5前端培訓機構,HTML5前端培訓機構哪個更好?

一 看師資師資團隊永遠是培訓機構的核心競爭力,如果這個學校滿天飛廣告,卻沒有一個拿得出手的好老師,那就得仔細掂量掂量了。畢竟現在企業對開發人員的要求越來越高。二 看課程表面上看,各個html5培訓機構的課程都差不多,而且每個培訓機構都宣傳自己的課程是實時更新的,不斷滿足企業的最新要求。面對這種雷同的...

html4和html5的區別,html5和html4有什麼區別?

1 html5是一個制定中的標準 html5依然是一個制定中的標準,而html4是正式的標準。到目前為止,在產品裡使用html4,只在實驗裡使用html5。2 簡化的語法 更簡單的doctype宣告是html5裡眾多新特徵之一。現在,只需要寫就好了。html5的語法相容html4和xhtml1,但不...

html5學習書籍有哪些嗎,html5學習書籍有哪些推薦嗎?

html5學習較好的書籍,推薦當前比較新的技術書籍 html5佈局之路 吧,這本書的知識邏輯是按照網頁開發流程來講解的,讓你知道應該先學什麼,然後再學什麼,比較適合初學者。另外,它還包含了相關專案開發經驗以及各大公司的html5面試題,讓你將學到的知識應用到實際開發當中,防止出現 理論強,動手弱 的...