css定位哪幾種方式

2021-10-04 05:37:40 字數 625 閱讀 9523

1.position:static;預設值

2.position: absolute;絕對定位

3.position:relative;相對定位

4.position:fixed;固定定位

5.position:sticky;粘性定位

特徵position:static;

預設值,設定座標無效

position: absolute;

1:脫離文件流,佔位置

position:relative;

1:佔據文件流,佔位置

2:參考自身載入在頁面中的位置

position:fixed:

1:脫離文件流,不佔位

2:元素固定在頁面中不隨著頁面滾動而滾動

3:參考瀏覽器的00點

position:sticky:粘性定位

1:頁面達到一定高度時,脫離文字流

2:效果是吸附瀏覽器頂部

absolute 和 relative的區別

1:是否佔據文件流,absolute不佔據,relative佔據

2:參考物不同,absolute參考html,relative參考自身

載入到頁面的位置

css定位有哪幾種方式?

相信很多的初學者和我一樣在剛接觸有關浮動和定位都有些搞不清楚,在這裡我將介紹一下我所理解的有關 css的定位方式。在css中浮動主要是解決一些有關布局的左右排列問題,其實定位的作用和浮動的作用差不多,不過區 別是定位用來解決疊加排列的問題。在用定位時,你需要寫position屬性,position ...

css外部檔案的引用方式有哪幾種

css外部檔案的引用可分為兩bvwwk種,一種是通過在裡面的link來引用,另外一種是直接www.cppcns.com通過imp程式設計客棧ort來引用。例子如下所示 第一種引用 複製 如下 bvwwk 第二種引用 複製 如下 import url css mycss.css 這種引www.cppc...

JS有哪幾種傳參方式?

我們今天講的傳參是指頁面之間的資料傳遞。傳統的前端開發中,頁面之間是少有引數互動的,甚至沒有,而在如今的前端環境下,乙個稍微正式點的專案都不可能少了頁面間傳參,頁面的跨越 伺服器後台進行資料請求等,都需要乙個或多個傳參的方法。那麼引數在不同的頁面間進行傳遞,乙個頁面的引數被另一頁面使用,如何才能做到...