（
1.float的原本作用：為了實現文字環繞
2.float的包裹性和破壞性：
包裹性：收縮、堅挺、隔絕。bfc（block formatting context），塊級格式化上下文
破壞性：會讓父元素高度塌陷（浮動的破壞性只是單純的為了實現文字的環繞效果而已）
具有包裹性的其他小夥伴:dispaly:inline-block/table-cell... ;
position:absolute(親近)/fixed/sticky
overflow:hidden/scroll
具有破壞性的其他小夥伴：display:none
position:absolute（親近）/fixed/sticky
3.清除浮動（清除浮動帶來的影響）
權衡後的策略：
.clearfix:after
.clearfix
更好的方法：
.clearfix:after
.clearfix
!切勿濫用。clearfix應用在包含浮動子元素的父級元素上
4.浮動的量大特性
1>元素的block塊狀化（磚頭化）
2>破壞性造成的緊密排列特性（去空格化）
（tip:換行符會產生空白間距；' ' 的本質是字元）
5.砌磚布局的問題
1>容錯性比較高，容易出現問題（錯位）
2>這種布局需要元素固定尺寸，很難重複使用
3>在低版本ie有很多問題
讓ie7飆淚的浮動問題：
1>含clear的浮動元素包裹不正確的問題；
2>浮動元素倒數2個莫名垂直間距問題；
3>浮動元素最後乙個字元重複問題；
4>浮動元素樓梯排列問題；
5>浮動元素和文字不在同一行的問題
6.浮動與流體布局
文字環繞衍生——單側固定
左側固定，右側自適應的流體布局
這裡沒太看明白，詳細 戳：
深入理解浮動定位 float
css網頁布局有兩種方式 一種是浮動式布局 另外一種是定位布局。這兩種方式的核心都脫離於文件流的控制。前提 文件流 document flow 對於乙個xhtml網頁，body元素下的任意元素，根據其前後順序，組成了乙個個上下關係，簡單說這就是文件流。瀏覽器根據這些元素的順序去顯示它們在網頁中的位置...
深入理解CSS浮動
float 浮動 浮動元素脫離普通流，然後按照指定方向，向左或者向右移動，碰到父級邊界或者另外乙個浮動元素停止 值 left right none inherit 初始值 none 應用於 所有元素 繼承性 無 浮動流正常流中元素乙個接乙個排列 浮動元素也構成浮動流 塊級框浮動元素自身會生成乙個塊級...
C語言深入理解float
先說說32 位的 float型乙個 正的浮點數 x,在計算機中表示為 x a 2 e 這裡 e 代表指數 a 代表尾數 在 計算機內部 他們都是用二進位制表示的 其中 a 用二進位制的科學表示法 表示,由於科學表示法第一位總是 1 0 除外 所以第一位略去不計 e 表示的時候 因為要表示出負數 所以...