定位和浮動

能把元素定在螢幕的任意位置，該元素脫離文件流。

什麼是文件流

文件流指的是元素排版布局過程中，元素會自動從左往右，自上而下的流式布局。

相對定位的元素相對於自身偏移 

相對定位的元素不會脫離文件流

使元素完全脫離文件流； 

相對於 static 定位以外的第乙個父元素進行定位,且逐層上找，直到document

固定定位的元素總是相對於瀏覽器視窗進行定位 

固定定位的元素會脫離文件流

這裡的z指的是螢幕離使用者的距離，如果為正數，則離使用者更近，為負數則表示離使用者更遠

定位都有z-index 
z-index大的層級在小的前面
z-index只能應用於定位元素(即設定了position屬性非static 值).

使元素脫離文件流，按照指定方向發生移動，遇到父級邊界或者相鄰的浮動元素停了下來。

所謂脫離文件流，即將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當沒看到它  ，兩者位置重疊都是可以的。

一般是父類盒子中的子盒子設定了float:left或float:right css屬性，導致父類盒子不能被撐開  ，這樣就產生了浮動

會造成父元素高度塌陷，致使布局混亂

1.先找到浮動盒子的父元素，再在父元素中新增乙個屬性：overflow:hidden

2.clear 屬性設定或返回元素相對浮動物件的位置。（記住clear的屬性值）

3.偽類

clearfix:before,.clearfix:after//內容為空，塊級**顯示，可用display:block

.clearfix:after//清除浮動

.clearfix（相容ie 觸發haslayout）（推薦）

可以讓元素脫離文件流，內聯元素可以設定寬和高

使用float脫離文件流時，其他盒子會無視這個元素，但其他盒子內的文字依然會為這個元素讓出位置，環繞在周圍。

使用absolute positioning脫離文件流的元素，其他盒子與其他盒子內的文字都會無視它。

浮動和定位

浮動 float float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象，使文字圍繞在影象周圍，不過在 css 中，任何元素都可以浮動。浮動元素會生成乙個塊級框，而不論它本身是何種元素。如果浮動非替換元素，則要指定乙個明確的寬度 否則，它們會盡可能地窄。注釋 假如在一行之上只有極少的空間可...

浮動和定位

float屬性 高度塌陷 清除浮動 清除浮動不是不讓元素浮動，而是清除浮動對父級帶來的影響 清除浮動的方法 給浮動元素的父級設定高度height 不推薦使用 缺點 很多情況下 高度都是不確定的 所有不適用 以浮制浮，給浮動元素的父元素設定浮動，原理是開啟bfc 不推薦使用 缺點 只有在父級需要浮動的...

浮動 定位和層級

浮動的 float left 左浮動 float right 右浮動浮動的特點 如果父盒子中有乙個子盒子，父盒子沒有設定高度，子盒子浮動，那麼父盒子不能被子盒子撐開，即父盒子高度為0，這時下面的盒子會佔位。在浮動的盒子之下再放乙個標籤，在這個標籤中使用clear both,來清除浮動對頁面的影響。又...