float屬性：
高度塌陷：
清除浮動：清除浮動不是不讓元素浮動，而是清除浮動對父級帶來的影響
清除浮動的方法：
給浮動元素的父級設定高度height（不推薦使用）
缺點：很多情況下 高度都是不確定的 所有不適用
以浮制浮，給浮動元素的父元素設定浮動，原理是開啟bfc（不推薦使用）
缺點：只有在父級需要浮動的時候，可以這麼清除，否則父級的浮動會影響布局
overflow：hidden；給父級設定，原理也是開啟bfc（可以使用）
優點：簡單快捷
缺點：元素超出的時候，會隱藏超出部分
br清除浮動：在浮動元素的後邊書寫乙個br。br中書寫clear屬性，值為all
缺點：增加不必要的元素，不符合樣式與結構相分離的要求
clear清浮動法：給浮動元素的下邊新增乙個塊元素，書寫樣式clear:both
缺點：增加額外的結構，不符合語義化標準
after偽元素清浮動（推薦）
可以給所有浮動元素的父級乙個 clearfix的類名
當乙個元素需要清除浮動的時候 直接設定clearfix類名即可
.clearfix:after
.clearfix
position屬性是把元素放置到乙個靜態的、相對的、絕對的、或固定的位置中
position屬性的四個值分別對應static、relative、absolute、fixed
left、right、top、bottom可以設定定位的位置
單位為 px 或 百分比都可以
left 和 right 同時設定時只有left有效
top 和bottom一起設定時只有top有效
不預留任何的空間（脫離頁面流)
通過指定當前元素 相對於其包含塊偏移的量 來確定當前元素的位置
絕對定位以後，浮動失效。margin padding仍然可以使用
指定了乙個定位屬性的元素 及其後代 的層疊順序
只有定位元素（非static值）擁有 z-index屬性
z-index的值沒有單位 理論上來說 z-index的值大的元素 會覆蓋小的元素
定位元素預設的z-index 的值 是 auto
如果乙個擁有z-index屬性的定位元素中 子元素也設定了z-index
那麼子元素會重新建立乙個層疊上下文，子元素的z-index只能在當前的層疊上下文中對比排列
z-index為負< background< border< 塊級元素 《浮動元素 《內聯元素 《沒有設定z-index的定位元素 < z-index為正
定位和浮動
能把元素定在螢幕的任意位置，該元素脫離文件流。什麼是文件流 文件流指的是元素排版布局過程中，元素會自動從左往右，自上而下的流式布局。一 relative 相對定位 相對定位的元素相對於自身偏移 相對定位的元素不會脫離文件流 二 absolute 絕對定位 使元素完全脫離文件流 相對於 static ...
浮動和定位
浮動 float float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象，使文字圍繞在影象周圍，不過在 css 中，任何元素都可以浮動。浮動元素會生成乙個塊級框，而不論它本身是何種元素。如果浮動非替換元素，則要指定乙個明確的寬度 否則，它們會盡可能地窄。注釋 假如在一行之上只有極少的空間可...
浮動 定位和層級
浮動的 float left 左浮動 float right 右浮動浮動的特點 如果父盒子中有乙個子盒子，父盒子沒有設定高度，子盒子浮動，那麼父盒子不能被子盒子撐開，即父盒子高度為0，這時下面的盒子會佔位。在浮動的盒子之下再放乙個標籤，在這個標籤中使用clear both,來清除浮動對頁面的影響。又...