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