妙味雲課堂之css 定位與層級

2021-09-01 23:06:29 字數 674 閱讀 9699

一. 相對定位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之浮動與定位

文件布局中,常常用到浮動與定位。一 浮動 浮動使塊級元素從正常文件流中刪除,向左或向右浮動。但是其他元素會環繞該元素,因此仍然會影響布局。浮動元 素相對與包含塊的內邊界 內容區 進行浮動。浮動可以用於使塊級元素排成一列,也可以形成兩列或三列布局。注意問題 浮動元素時,可能會出現父元素容器塌陷的問題。...