Study 8 —— 行塊元素及定位

行&塊元素
display:inline;
display:block;
display:inline-block;

盒模型
padding[內邊距]
padding: 上下內邊距 左右內邊距;
padding: 上部內邊距 右邊內邊距 下部內邊距 默認與右邊內邊距相同;
padding: 上部內邊距 右邊內邊距 下部內邊距 左邊內邊距;

定位
1.水平位置的兩個元素
它們之間的外邊距=左邊的margin-right+右邊的margin-left
2.垂直方向的兩個元素
它們之間的外邊距=二者之中較大的外邊距
3.包含關係的兩個元素
它們之間的外邊距=裏面元素各個方向的margin+外部元素對應的各個方向的padding值

浮動

定位&層級
當一個元素（e）設定了定位
絕對定位：position:absolute;
若是它的父元素有設置定位，那麼e的座標就是至關於父元素的左上角，進行定位；若是它的父元素沒有設置定位，那麼e元素繼續往上尋找爺爺輩；若是發現，爺爺輩有，就一樣的也是至關於爺爺輩的左上角。。。

相對定位：position:relative;

層級:
z-index:數值 （數值越大，層級越高）