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;  只有他一个按钮，去掉也看不出什么影响