absoluted定位和relative定位

2021-09-13 10:54:44 字數 556 閱讀 3817

首先div設定absoluted絕對定位後,div會脫離文件流,因此不佔據空間。

與div設定為relative相對定位不同,相對定位實際上被看作普通流定位模型的一部分。

絕對定位的元素的位置相對於最近的已定位祖先元素,如果元素沒有已定位的祖先元素,那麼它的位置相對於最初的包含塊。根據使用者**的不同,最初的包含塊可能是畫布或 html 元素。

相對於它在普通文件流中的位置。

絕對定位的框與文件流無關,所以它們可以覆蓋頁面上的其它元素。可以通過設定 z-index 屬性來控制這些框的堆放次序。

相對於div最近的(非static定位的)父級元素的borderbox進行定位。主要**如下:

link中的rel和rev屬性

這兩個標記主要是用於表示文件之間的聯絡,rel是從源文件到目標文件的關係 rev是從目標文件到源文件的關係 rel,rev用來指定鏈結定義中哪一端是源端,哪一端是目的端,兩者的屬性都是描述鏈結的基本特徵,即鏈結型別。rel屬性,描述了當前頁面與href所指定文件的關係。rev屬性,描述了href所指...

CSS 標籤rel和media的解釋

media screen rel stylesheet rel relations的縮寫,是指的關聯到的檔案是什麼。此處是指關聯到乙個stylesheet rel shortcut icon 和 icon 的區別 shortcut icon特指瀏覽器位址列左側顯示的圖示,一般大小為16 x 16,字...

A和Link的rel屬性的詳細介紹

在標籤中,rel stylesheet rel是關聯的意思,關聯的是乙個樣式表 stylesheet 文件,它表示這個link在文件初始化時將被使用。一般這裡是不需要改動的 rel 和 rev 屬性可以同時在 標籤中使用。二者均描述了href所指定文件與當前頁面的關係.rel relationshi...