1. 程式人生 > >HTML中Float和元素定位

HTML中Float和元素定位

分層 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和元素定位