css固定定位與絕對定位的區別

2021-08-21 11:01:31 字數 558 閱讀 6636

絕對定位中當乙個div塊的位置被定義為絕對定位的時候,也就失去了文件流即失去原本的位置,並且以父級為基準(父級元素必須是相對定位如果不是則一直往上找,直到找到body為止)來進行偏移,

固定定位其實和絕對定位有很多相似之處只不過是基於當前頁面來偏移。

我們可以用**來驗證**如下:

我是絕對定位

我是固定定位

以上**的效果如下

下拉滾動條可以看出固定定位始終保持在左上角並且固定定位顯示的優先順序高於覺都定位

總結:固定定位於絕對定位最根本的區別還是偏移基準的不同固定定位是相對於螢幕而絕對定位的基準則是父級元素,而且最好還要注意ie6不相容固定定位而相容絕對定位。

css 相對定位,絕對定位,固定定位

定位有三種,分別是相對定位 絕對定位 固定定位。相對定位 position relative 絕對定位 position absolute 固定定位 position fixed 相對定位 相對定位,就是微調元素位置的。讓元素相對自己原來的位置,進行位置調整。head meta charset ut...

css中絕對定位和固定定位的區別

首先我們製作兩個標準塊級元素,如下 doctype html en utf 8 viewport content width device width,initial scale 1.0 document div 為中華之崛起而讀書!執行結果如下 現在給第乙個塊級元素新增絕對定位,我們來看看效果 如...

前端CSS 相對定位,絕對定位,固定定位

position relative 必須先宣告,自己要相對定位了,left 100px 然後進行調整。top 150px 然後進行調整。相對定位不脫標,真實位置是在老家,只不過影子出去了,可以到處飄.position relative right 100px 往左邊移動 top 100px posi...