這篇文章給大家分享的是有關(guān)Css定位position怎么用的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)擁有十年成都網(wǎng)站建設(shè)工作經(jīng)驗(yàn),為各大企業(yè)提供做網(wǎng)站、網(wǎng)站設(shè)計(jì)服務(wù)，對(duì)于網(wǎng)頁設(shè)計(jì)、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、重慶App定制開發(fā)、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、程序開發(fā)、網(wǎng)站優(yōu)化（SEO優(yōu)化）、微網(wǎng)站、主機(jī)域名等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了很多網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營銷經(jīng)驗(yàn)，集策劃、開發(fā)、設(shè)計(jì)、營銷、管理等網(wǎng)站化運(yùn)作于一體，具備承接各種規(guī)模類型的網(wǎng)站建設(shè)項(xiàng)目的能力。

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

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

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

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

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

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

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

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

偏移屬性值：

left:左邊的位置偏移

right:右邊的位置偏移

top:頂部的位置偏移

bottom:底部的位置偏移

relative相對(duì)定位

absolute絕對(duì)定位

感謝各位的閱讀！關(guān)于“Css定位position怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！