建站
咨詢
售后
建站咨詢
新聞中心
這篇文章給大家分享的是有關(guān)Css定位position怎么用的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)擁有十年成都網(wǎng)站建設(shè)工作經(jīng)驗(yàn),為各大企業(yè)提供做網(wǎng)站、網(wǎng)站設(shè)計服務(wù)，對于網(wǎng)頁設(shè)計、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è)計、網(wǎng)絡(luò)營銷經(jīng)驗(yàn)，集策劃、開發(fā)、設(shè)計、營銷、管理等網(wǎng)站化運(yùn)作于一體，具備承接各種規(guī)模類型的網(wǎng)站建設(shè)項(xiàng)目的能力。
CSS有三種基本的定位機(jī)制：普通流、浮動和絕對定位。
在CSS中一共有N種定位方式，其中，static ,relative,absolute三種方式是最基本最常用的三種定位方式。position取值:
static默認(rèn)定位方式
relative相對定位。相對于原來的位置，但是原來的位置仍然保留。理解為棋盤上棋子的排列：
棋子從左往右排列，達(dá)到邊緣時移到下一行。棋子排列方式是由display決定。樣式屬性display的值為block的元素自動放在下一行(默認(rèn))，而為inline的元素自動放在同一行，位于前一個元素后面。對象不可層疊，依據(jù)left，right，top，bottom等屬性在正常文檔流中偏移自身位置
absolute絕對定位。相對于最近的非標(biāo)準(zhǔn)流定位，原來的位置消失，被后邊元素的位置所頂替。
這個屬性是相對于參照物，能夠指定元素的矩形局域相對于父元素區(qū)域的位置。
將被賦予此定位方法的對象從文檔流中拖出，使用left，right，top， bottom等屬性相對于其最接近的一個最有定位設(shè)置的父級對象進(jìn)行絕對定位，如果對象的父級沒有設(shè)置定位屬性，即還是遵循HTML定位規(guī)則的，則依據(jù) body對象左上角作為參考進(jìn)行定位。絕對定位對象可層疊，層疊順序可通過 z-index屬性控制，z-index值為無單位的整數(shù)，大的在最上面，可以有負(fù)值。
偏移屬性值：
left:左邊的位置偏移
right:右邊的位置偏移
top:頂部的位置偏移
bottom:底部的位置偏移
relative相對定位
absolute絕對定位
感謝各位的閱讀！關(guān)于“Css定位position怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
當(dāng)前名稱：Css定位position怎么用
網(wǎng)頁URL：http://www.dlmjj.cn/article/pdpccs.html
