- html文檔流分爲標準流和浮動，和定位
- 元素分爲塊級元素和內聯級原數，
a，塊級元素獨佔一行
b，內聯級元素從左到右依次排列，如果代碼換行中間會有1像素的margin
c，代碼不換行中間完全沒有margin
d，內聯級元素height 和width 沒有左右，如果想讓其擁有 height ，和width 屬性，需要使用 display:inline-block
b.
<!-- 有邊距 -->
<span>1</span>
<span>2</span>
<span>3</span>
c.
<!-- 無邊距 -->
<span>1</span><span>2</span><span>3</span>
- absolute 屬性脫離正常文檔流，並有了層級的概念。定位的基準點是帶有定位屬性父元素或祖元素。所有祖元素都沒有定位屬性的話，會按窗口爲基準定位
- absolute top 默認不是0 。如果沒有top屬性，頂部起始位置對齊上一個標準流的底部
- fixed 屬性，任何元素對於該屬性定位不產生影響
- inherit 屬性繼承父元素的定位屬性
- 浮動可以理解爲讓某個div脫離標準流，漂浮在標準流之外，和標準流不在同一個層次
- 每一個浮動元素的頂端永遠對齊上一個處於標準流的元素的底部,top,left 屬性對其不產生作用
- 每一個浮動元素左邊起始位置，或右邊起始位置需要看和他相鄰的兄弟元素是否有浮動屬性，有的話，緊跟兄弟元素後面。沒有的話，會處於下一行的最左邊或最右邊(相當於該元素使用了clear:left 或clear:right)
- clear 屬性只是適用於清除的元素本身，不對其他元素產生影響
- 浮動出現前元素在標準流中是豎向排列的，浮動出現後就是橫向排列了
- 想讓某一個行級元素完全居中，可以首先使用absolute 屬性，top,left 各50% ，然後再給margin-top 的值爲 該元素的50% 高度，margin-left 該元素的50% 的寬度
