css float position 筆記

float: right;   只對後面的元素起做用，圍繞在後面元素的右邊   

和先後元素不要緊，只是脫離本身原來的位置，漂到了右邊，原來的位置，由別人頂上

clear: rigth;   若是後面的元素有這句，意思是說個人右邊不要有人圍繞

class="clearfix"  border自適應元素的高度，起到 overflow 的做用

position: static;  只根據文檔流定位，也就是他的正常排位

position: relative;  相對於正常位置的定位

position: fixed;  固定位置

position: absolute;  相對與position是relative的父元素的位置（static、fixed的父元素不起做用, 若是沒有relative的父元素，就相對整個網頁）

z-index: -1;   能夠被覆蓋

https://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_p_w_picpath

.dropdown {

    position: relative;

    display: inline-block;

}

不理解爲何要加 display: inline-block;  只有他一個按鈕，去掉也看不出什麼影響