CSS中怎么使用position屬性定位,很多新手對(duì)此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來(lái)學(xué)習(xí)下,希望你能有所收獲。
創(chuàng)新互聯(lián)網(wǎng)站建設(shè)提供從項(xiàng)目策劃、軟件開發(fā),軟件安全維護(hù)、網(wǎng)站優(yōu)化(SEO)、網(wǎng)站分析、效果評(píng)估等整套的建站服務(wù),主營(yíng)業(yè)務(wù)為成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì),成都App制作以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。創(chuàng)新互聯(lián)深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長(zhǎng)期合作。這樣,我們也可以走得更遠(yuǎn)!position屬性有4個(gè)值:
默認(rèn)是static,無(wú)特殊定位,對(duì)象遵循HTML定位規(guī)則(一般使用margin、padding)
fixed未支持。對(duì)象定位遵從絕對(duì)(absolute)方式。但是要遵守一些規(guī)范
absolute絕對(duì)定位(相對(duì)于最近的父元素,假如父元素都是默認(rèn)的static,那么將相對(duì)body進(jìn)行定位,如果父元素為relative定位,那么就相對(duì)該父元素進(jìn)行定位)
relative相對(duì)定位(相對(duì)于自己,在原來(lái)位置上移動(dòng)。與static相比,top、bottom、left、rigth生效,而static不生效)
relative不脫離文檔流,而absolute脫離文檔流。
例子:
position static: 默認(rèn)值。無(wú)特殊定位,對(duì)象遵循HTML定位規(guī)則absolute: 將對(duì)象從文檔流中拖出,使用left,right,top,bottom 等屬性相對(duì)于其最接近的一個(gè)最有定位設(shè)置的父對(duì)象進(jìn)行絕對(duì)定位。如果不存在這樣的父對(duì)象,則依據(jù)body對(duì)象。而其層疊通過(guò)z-index屬性定義fixed:未支持。對(duì)象定位遵從絕對(duì)(absolute)方式。但是要遵守一些規(guī)范relative:對(duì)象不可層疊,但將依據(jù) left,right,top,bottom 等屬性在正常文檔流中偏移位置
看完上述內(nèi)容是否對(duì)您有幫助呢?如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對(duì)創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,的支持。