---恢複内容開始---
浮動元素處在正常文檔流上的浮動流上，浮動元素的渲染方式很特殊，首先按照正常文檔流進行布局，然後将該元素從
文檔流中取出并對該元素盡量向左或者向右移動，周圍的内容将會環繞該元素。是以，浮動會對兄弟元素的布局造成
影響，而且其效率較低，代價較高。
絕對定位則是完全脫離文檔流，直接相對于包含塊進行定位，對兄弟元素的布局沒有影響。
絕對定位是根據定位元素的包含外邊距的框（外邊框）到包含塊内邊界（邊框内部）的偏移進行定位。
display,float,position之間的愛恨糾葛：（轉自W3help）
| 設定值 | 計算值 |
|---|---|
| inline-table | table |
| inline, run-in, table-row-group, table-column, table-column-group, table-header-group, table-footer-group, table-row, table-cell, table-caption, inline-block | block |
| 其他 | 同設定值 |