CSS盒子模型：
CSS定位：static, relative,fixed,absolute,flex
最近定位祖先：定位元素
absolute 是相對於其最近的定位祖先位置，不佔空間
div、h1 或 p 元素常常被稱爲塊級元素。這意味着這些元素顯示爲一塊內容，即“塊框”。與之相反，span 和 strong 等元素稱爲“行內元素”，這是因爲它們的內容顯示在行中，即“行內框”。
absolute :使用top,left,right,bottom 可以拉伸和偏移
您可以使用 display 屬性改變生成的框的類型。這意味着，通過將 display 屬性設置爲 block，可以讓行內元素（比如a元素）表現得像塊級元素一樣。還可以通過把 display 設置爲 none，讓生成的元素根本沒有框。這樣的話，該框及其所有內容就不再顯示，不佔用文檔中的空間。
visualbility依然佔空間
relative 相對位置：佔用正常文檔流 top,left
static是相對於視窗口
float ：相對於父元素的移動；垂直位置與原本正常流中相同，水平位置則位於父元素內邊距的左邊或者右邊
相對浮動：在常規流中
原子顯示：覆蓋重疊問題，元素內部不包含其他元素
flex: 相對靈活方便
行內元素：忽略margin-top margin-bottom