小編給大家分享一下Css基礎(chǔ)定位position怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

公司主營業(yè)務(wù)：成都網(wǎng)站制作、成都做網(wǎng)站、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)公司推出玉山免費(fèi)做網(wǎng)站回饋大家。

CSS 有三種基本的定位機(jī)制：普通流、浮動和絕對定位。

在CSS中一共有N種定位方式，其中，static ,relative,absolute三種方式是最基本最常用的三種定位方式。position取值:

static 默認(rèn)定位方式

relative 相對定位。相對于原來的位置，但是原來的位置仍然保留。理解為棋盤上棋子的排列：

棋子從左往右排列，達(dá)到邊緣時(shí)移到下一行。棋子排列方式是由display決定。樣式屬性display的值為block的元素自動放在下一行(默認(rèn))，而為inline的元素自動放在同一行，位于前一個(gè)元素后面。對象不可層疊，依據(jù)left，right，top，bottom等屬性在正常文檔流中偏移自身位置

absolute 絕對定位。相對于最近的非標(biāo)準(zhǔn)流定位，原來的位置消失，被后邊元素的位置所頂替。

這個(gè)屬性是相對于參照物，能夠指定元素的矩形局域相對于父元素區(qū)域的位置。

將被賦予此定位方法的對象從文檔流中拖出，使用left，right，top， bottom等屬性相對于其最接近的一個(gè)最有定位設(shè)置的父級對象進(jìn)行絕對定位，如果對象的父級沒有設(shè)置定位屬性，即還是遵循HTML定位規(guī)則的，則依據(jù) body 對象左上角作為參考進(jìn)行定位。絕對定位對象可層疊，層疊順序可通過 z-index 屬性控制，z-index值為無單位的整數(shù)，大的在最上面，可以有負(fù)值。

偏移屬性值：

left:左邊的位置偏移

right:右邊的位置偏移

top:頂部的位置偏移

bottom:底部的位置偏移

relative 相對定位

absolute 絕對定位

以上是“Css基礎(chǔ)定位position怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！