HTML中Float和元素定位
阿新 • • 發佈:2017-05-17
分層 tom 依據 none 單位 正常 對象 ott 目前
浮動
1、float屬性——浮動
float:left;float:right;float:none;
2、清除浮動——clear
Clear:left\right\both\none
3、溢出處理
overflow:visible\hidden\scroll\auto;
定位網頁元素
1、position
絕對定位(absolute):將被賦予此定位方法
的對象從文檔流中拖出,使用left,right,top,bottom等屬性
相對於其最接近的一個最有定位設置的父級對象進行絕對定位,
如果對象的父級沒有設置定位屬性,即還是遵循HTML定位規則的,
則依據body對象左上角作為參考進行定位。絕對定位對象可層疊,
層疊順序可通過z-index屬性控制,z-index值為無單位的整數,
大的在最上面,可以有負值(目前負值FF不支持)。
相對定位(relative):對象不可層疊,依據left,right,top,bottom等屬性
在正常文檔流中偏移自身位置。同樣可以用z-index分層設計。
2、z-index:決定元素的堆疊的次序 值越大 被放在最上面
HTML中Float和元素定位