一. 相對定位position:relative;
以自身為基準點進行定位。
a、不影響元素本身的特性;
b、不使元素脫離文件流;
c、如果沒有定位偏移量,對元素本身沒有任何影響;
二. 絕對定位position:absolute;
a、使元素完全脫離文件流;
b、使內嵌標籤支援寬高;
c、塊屬性標籤內容撐開寬度;
d、如果有定位父級相對於定位父級發生偏移,沒有定位父級相對於body發生偏移;
e、相對定位一般都是配合絕對定位元素使用;
三. 固定定位
與絕對定位的特性基本一致,差別是始終相對整個文件進行定位;
問題:ie6不支援固定定位;
position:absolute;絕對定位
position:fixed; 固定定位(始終在右下角)
四. 定位元素位置控制
top / right / bottom / left 定位元素偏移量
五.定位元素層級
預設後者層級高於前者
div1
div2
div3
妙味雲課堂之css 浮動與清浮動
一.關於display inline block inline block的特性 1 使塊在一行顯示 2 行內屬性標籤支援寬和高 3 沒有寬度的時候,寬度由內容撐開 使用它會出現以下問題 1 換行會被解析 br 2 ie6 ie7 不支援塊屬性標籤的inline block 有什麼辦法可以解決以上問...
妙味雲課堂之css 浮動與清浮動
一.關於display inline block inline block的特性 1 使塊在一行顯示 2 行內屬性標籤支援寬和高 3 沒有寬度的時候,寬度由內容撐開 使用它會出現以下問題 1 換行會被解析 br 2 ie6 ie7 不支援塊屬性標籤的inline block 有什麼辦法可以解決以上問...
css之浮動與定位
文件布局中,常常用到浮動與定位。一 浮動 浮動使塊級元素從正常文件流中刪除,向左或向右浮動。但是其他元素會環繞該元素,因此仍然會影響布局。浮動元 素相對與包含塊的內邊界 內容區 進行浮動。浮動可以用於使塊級元素排成一列,也可以形成兩列或三列布局。注意問題 浮動元素時,可能會出現父元素容器塌陷的問題。...