1. 程式人生 > >HTML中定位屬性之固定定位position:fixed;

HTML中定位屬性之固定定位position:fixed;

定位屬性:static :預設文字流 margin padding 從左到右 從上到下fixed:固定定位(脫離原來的文字)position: fixed; 盒子的左邊到瀏覽器可視視窗左邊之間的距離 left:20px; 盒子的右邊到瀏覽器可視視窗右邊之間的距離 right:0; top:0; bottom:20px; z-index: ; position:fixed; 位置屬性為fixed,固定定位 盒子將脫離原來的文字流,進入到新的一層, 蓋在原來文字流之上,並且可以通過left right top bottom 四個屬性,對盒子進行移動,移動的基準定是瀏覽器視窗,與其他盒子無關 定位四條程式碼必須寫: position:設定位置屬性; left/right/top/bottom/right:進行定位操作; z-index:設定該盒子的顯示優先順序;沒有單位 0開始增大 值越大越開始靠前; 盒子固定定位後,回脫離原來的文字,同樣將不在具有原來的特性, 寬高由內容撐開,margin:會疊加; 一般不用margin進行位置改變 任何盒子都可以fixed 應用場景: 廣告,聊天視窗,導航,活動資訊