同桌上课用手指进去了好爽_欧美丰满熟妇xxⅹⅹ性大i_成人av天天日天天拍拍_猛男gay帅男gay男男同志_欧美va天堂在线观看_人妻无码av中文系列三里桃花_亚欧免费无码在线观看_久久久精品国产亚洲av水_日韩在线免费看污污污_2021无码专区人妻系列日韩

首頁 優(yōu)化推廣 CSS中position的absolute和relative的應用

CSS中position的absolute和relative的應用

來源: | 時間:2012/11/30 12:18:01 |

之前老弄不明白,只能憑借一點短期內“虐出來的經驗”制作需要的效果,后來仔細研究了一下Hutia的XScroller,并且仔細看了文檔,才知道這個position屬性其實是指本體對上級的定位。如果這么理解,就好辦了。

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

也就是說,position的屬性值的效果,直接受其容器樣式中position屬性值影響。
例如如下A-B的嵌套結構

<div id="A">
 <div id="B">
 </div>
</div>

當A的position為relative時,B的position為absolute才有效。這時候left:0、top:0就不再針對窗口文檔,而是針對id為A的這個div了。

這樣在開發(fā)一些基于B/S應用程序的時候,就能很方便的添加一些UI元素,例如某一個活動層的關閉按鈕等。

服務熱線

153 8323 9821

功能和特性

價格和優(yōu)惠

網站和維護

推廣和優(yōu)化

微信服務號