元素的顯示模式和定位的特性

標籤的顯示模式(display):

<!-- 
一 : 標籤有三種顯示模式
    a:block   
    b:inline-block   
    c:inline
二 : 三種顯示模式的特色:
block 
    1.獨自佔據一行 
    2.能夠設置寬高 
    3.若是塊級元素沒有設置寬高,name就會繼承與父盒子的寬
inline-block 
    1.一行佔據多個  
    2.能夠設置寬高
inline 
    1.一行佔據多個  
    2.不能夠設置寬高 
 -->

定位的特性

<!-- 
    一 : 靜態定位的特色:
其實靜態定位沒有什麼特色,就是和標準流是同樣的,
二 : 固定定位的特色:
    1.能夠實現模式轉換,擁有行內塊的特色
    2.會脫離標準流
    3.會參照瀏覽器窗口的位置固定在某個位置,不會隨着內容的滾動而滾動
三 : 絕對定位的特色
    1.能夠實現模式轉換,擁有行內塊的特色
    2.會脫離標準流
    3.若是絕對定位的元素的全部的父元素都沒有定位,那該元素的定位時參照body
    4.若是絕對定位的父級元素有定位(固定,絕對,相對),會參照最近的定位父元素
四 : 相對定位的特色(能夠使用比邊偏移)
    1.不會實現模式轉換
    2.不會脫離標準流
    3.位移以後的顯示效果脫標,可是本身原來的位置仍是會保留,
    4.便宜的參照物是本身一開始出現的位置  
 -->