浮動(float)
絕對定位(position:absolute)
固定定位(position:fixed)
脫離文件流後的元素有四個特性：
1.不再區分行和快；
2.如果本元素未設定寬度，脫離後的寬度將由其子元素撐開，高度也是；
3.字圍效果；
4.貼靠現象 ；
清除浮動：
1.給浮動元素的父元素設定寬高，這樣就不會影響到後面的元素了（不建議用，不使用）；
2.給浮動元素新增clear：both 屬性， 去掉兩邊的浮動，但是margin會失效（不建議用 ）
4 . 給父元素新增overflow：hidden屬性，，margin不會失效；
5 . 新增乙個類.clear（作用于父元素，最常用）
HTML頁面中的文件流以及脫離文件流
一 文件流 在我們生活中，有各種各樣的 流 有電流 水流等，就像水流從高處往低處流一樣，我們可以把文件流想象成html元素在瀏覽器上 流動 瀏覽器的頂端就是河流的源頭，瀏覽器的底部就是河流的盡頭。如下圖 而所謂的文件流 normal flow，也被稱為 普通流 指的是就是元素排版布局過程中，元素會自...
清除浮動的三種方式
1.clear both left right 新建乙個div，不要在原先的div上清除 2.在父類使用overflow hidden 相當於清除了元素的溢位 3.after偽類元素 content display block clear both height 0 visibility hidde...
關於css脫離標準文件流的兩種方式
所謂脫離標準文件流 就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文件流的元素不存在而進行定位 不浮動的盒子會無視浮動的盒子，假使現有兩個盒子，乙個浮動乙個不浮動，則浮動的盒子會覆蓋不浮動的盒子。如下 的結果所示 結果如圖 盒子元素會無視浮動的元素，但是盒子元素裡面的文字並不會無...