1、css標準流排版特點及流式布局
標準流式布局:從左到右 從上到下
2、css浮動的原理
浮動不影響標準流布局,影響文字排版
float:left;
3、css浮動的特性及高度塌陷原理
(1)浮動脫離標準流,不占位置,但會影響標準流,浮動只有左右浮動
(2)浮動元素A的位置和上一個元素(塊級)有關系,如果上一個元素有浮動,則浮動的A元素的頂部會和上一個元素頂部對齊;如果上一個元素是標準流,則浮動的A元素的頂部就會和上一個元素的 底部對齊。
(3)父盒子里面的子盒子,如果有一個子盒子是浮動的,則其他字盒子都要浮動,這樣才能一行對齊顯示
(4)浮動元素如果沒有設置寬高,元素會根據內容設置高度
子元素都浮動,父元素沒有設置高度,父元素高度會出現塌陷,就是浮動的破壞性
4、css溢出處理和解決高度塌陷的方式
解決父元素塌陷:
overflow:hidden;/*超出的部分進行隱藏*/
選擇器{overflow:屬性值;}
visible 默認超出顯示在下方
hidden 超出部分隱藏
scroll 左右 上下滾動條
auto 根據內容選擇顯示上下或者左右滾動條