CSS 定位 (Positioning)
- CSS 有三種基本的定位機制:普通流、浮動和絕對定位。
position有四個取值1.static 2.relative 3.absolute 4.fixed
- overflow
屬性規定當內容溢出元素框時發生的事情。可取值:1.scroll 2.auto 3. visible 4.hidden
- z-index 屬性設置元素的堆疊順序。
擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。
說明
該屬性設置一個定位元素沿 z 軸的位置,z 軸定義為垂直延伸到顯示區的軸。如果為正數,則離用戶更近,為負數則表示離用戶更遠。
CSS 浮動
浮動的框可以向左或向右移動,直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。
由于浮動框不在文檔的普通流中,所以文檔的普通流中的塊框表現得就像浮動框不存在一樣。
- float可取值:1.left 2.right 3.none
- 要想阻止行框圍繞浮動框,需要對該框應用 clear 屬性。clear 屬性的值可以是 left、right、both 或 none,它表示框的哪些邊不應該挨著浮動框。