1. 程式人生 > 其它 >浮動與定位

浮動與定位

CSS的定位機制有3種:普通流(標準流)、浮動和定位

浮動脫離標準流,不佔位置,會影響標準流。浮動只有左右浮動。

1、浮動後的元素會漂浮在其他元素上邊
2、浮動後的元素是不佔原來的位置
3、浮動後的元素不能超出父元素的範圍
4、浮動後的元素在同一水平線上顯示
5、浮動後的元素會自動的轉化為行內塊元素
6、浮動後的元素不能超出父元素的內邊距和邊框

清除浮動主要為了解決父級元素因為子級浮動引起內部高度為0的問題。

1、額外標籤法<divstyle=”clear:both”></div>,

、2、父級新增overflow屬性方法 可以給父級新增:overflow為hidden|auto|scroll都可以實現。

3.偽元素清除浮動
在父元素中使用after偽元素清除浮動、

當對多個元素同時設定定位時,定位元素之間有可能會發生重疊

可以對定位元素應用z-index層疊等級
屬性,其取值可為正整數、負整數和0。