定位(基本定義)

2021-10-10 08:19:46 字數 752 閱讀 2618

理解:使你所定義的標籤到達你所希望到達的地方

概念:相對於標籤本身的起點進行移動,移動後原來的位置還被占用。

使用**position :relative

left right top bottom可以確定偏移量

相對定位的特點

當標籤的position屬性設定為relative時,則開啟了標籤的相對定位

1.當開啟了標籤的相對定位以後,而不設定偏移量時,標籤不會發生任何變化

2.相對定位是相對於標籤在文件流中原來的位置進行定位

3.相對定位的標籤不會脫離文件流

4.相對定位會使標籤提公升乙個層級

5.相對定位不會改變標籤的性質,

概念:絕對定位是不佔空間的,運用了絕對定位的標籤會脫離原來的文件流,浮動起來,因此視覺上會其他的標籤重疊

使用**position :absolute

left right top bottom可以確定偏移量

絕對定位的特點

1.開啟絕對定位,會使標籤脫離文件流

2.開啟絕對定位以後,如果不設定偏移量,則標籤的位置不會發生變化

3.絕對定位是相對於離他最近的開啟了定位的祖先標籤進行定位(一般情況,開啟了子標籤的絕對定位都會同時開啟父標籤的相對定位)

如果所有的祖先標籤都沒有開啟定位,則會相對於瀏覽器視窗進行定位

4.絕對定位會使標籤提公升乙個層級

5.絕對定位會改變標籤的性質,行級標籤變成塊標籤

概念與絕對定位相似,相對於瀏覽器視窗定位 不會隨滾輪滑動。

CSS基本布局 定位

css有三種基本的布局機制 標準流 浮動和定位。定位就是確定元素的位置,利用top right bottom left這四個偏移屬性,可以準確地定義元素框相對於其正常位置應該出現的位置。top的優先順序要高於bottom,left的優先順序要高於right 相對定位 相對於元素原有位置的定位。相對定...

CSS 元素和基本定位

對基礎的元素和定位作個總結,原文發表在我的個人部落格 kmknkk.xin 通常來說,元素分為塊級元素和行內元素兩大類,當然還有inline block等其他元素,這裡主要介紹這三類。塊級元素顯示為一塊內容 即 塊框 若不做其他處理 如float left 一般為乙個接乙個豎直排列。塊級元素的垂直距...

iphone定位 基本知識

iphone定位 基本知識 找到乙個關於iphone定位的的資料,收藏一下 其實使用iphone的定位系統開發軟體是很簡單的一件事,下面我們就來認識一下iphone的定位系統的使用。1.getting the user s current location 獲取使用者當前位置。獲取位置的方式有三種 ...