日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

本文向大家描述一下CSS中position的absolute和relative的應(yīng)用，position屬性其實(shí)是指本體對上級的定位，absolute是指絕對定位，而relative是指相對定位，position的屬性值的效果，直接受其容器樣式中position屬性值影響。

CSS中position的absolute和relative的應(yīng)用

CSS中Position屬性

之前老弄不明白，只能憑借一點(diǎn)短期內(nèi)“虐出來的經(jīng)驗(yàn)”制作需要的效果，后來仔細(xì)研究了一下Hutia的XScroller，并且仔細(xì)看了文檔，才知道這個(gè)position屬性其實(shí)是指本體對上級的定位。如果這么理解，就好辦了。

默認(rèn)的屬性值都是static，靜態(tài)。就不用多說了。最關(guān)鍵的是relative（相對）以及absolute（絕對）。往往我們?nèi)绻荂OPY別人的代碼，會(huì)把a(bǔ)bsolute屬性與left、top配合起來制作相關(guān)的“懸浮層”效果。然而有時(shí)候我們需要針對某一個(gè)容器的懸浮效果，而不是針對窗口的。這時(shí)候通過高度、寬度的計(jì)算不但麻煩，而且?guī)缀鯚o法***實(shí)現(xiàn)效果。我一開始也無能為力，后來發(fā)現(xiàn)只要把其上一級的樣式屬性position設(shè)置為relative就可以了。

也就是說，position的屬性值的效果，直接受其容器樣式中position屬性值影響。例如如下A-B的嵌套結(jié)構(gòu)：

viewplaincopytoclipboardprint?