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

站在用戶的角度思考問題，與客戶深入溝通，找到邢臺網(wǎng)站設(shè)計(jì)與邢臺網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都網(wǎng)站制作、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名與空間、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋邢臺地區(qū)。

position的含義是指定位類型，取值類型可以有：static、relative、absolute、fixed、inherit和sticky，這里sticky是CSS3新發(fā)布的一個(gè)屬性。

1、position: static

static(沒有定位)是position的默認(rèn)值，元素處于正常的文檔流中，會(huì)忽略left、top、right、bottom和z-index屬性。

2、position: relative

relative(相對定位)是指給元素設(shè)置相對于原本位置的定位，元素并不脫離文檔流，因此元素原本的位置會(huì)被保留，其他的元素位置不會(huì)受到影響。

3、position: absolute

absolute(絕對定位)是指給元素設(shè)置絕對的定位，相對定位的對象可以分為兩種情況：

1) 設(shè)置了absolute的元素如果存在有祖先元素設(shè)置了position屬性為relative或者absolute，則這時(shí)元素的定位對象為此已設(shè)置position屬性的祖先元素。

2) 如果并沒有設(shè)置了position屬性的祖先元素，則此時(shí)相對于body進(jìn)行定位。

4、position: fixed

可以簡單說fixed是特殊版的absolute，fixed元素總是相對于body定位的。

5、inherit

繼承父元素的position屬性，但需要注意的是IE8以及往前的版本都不支持inherit屬性。

在講sticky之前，先上代碼：

html：

Relative
    
        
static1
        
relative1
        
static1
    
    
Absolute
    
        
static2
        
absolute2
        
static2
    
    
Relative contains Absolute
    
        
static3
        
absolute3
        
static3
    
    
Absolute contains Absolute
    
        
static3
        
absolute3
        
static3
    

本文題目：CSS中position屬性是什么-創(chuàng)新互聯(lián)
URL地址：http://weahome.cn/article/ghjed.html