浮動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:決定元素的堆疊的次序 值越大 被放在最上面
浮動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和元素定位
浮動 1 float屬性 浮動 float left float right float none 2 清除浮動 clear clear left right both none 3 溢位處理 overflow visible hidden scroll auto 定位網頁元素 1 position...
CSS中position定位和float浮動
一 position定位 1 position屬性 1 absolute 生成絕對定位的元素,相對於最近一級定位不是static的父元素來進行定位,最近 是指在這個節點的所有祖先節點中,距離該節點的層次最近的祖先節點,以距離最近的祖先節點作為定位基準。2 relative 生成相對定位的元素,相對於...
html中元素定位
定位 元素通過定位屬性與定位座標確定顯示位置.屬性position static 無特殊定位,物件遵循html定位預設規則 fiexd 固定定位 relative 相對定位 absolute 絕對定位 四個座標 left 左,right 右,top 頂,botton 底 固定定位fixed l 給元...