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_image

.dropdown {

    position: relative;

    display: inline-block;

}

不理解为什么要加 display: inline-block;  只有他一个按钮，去掉也看不出什么影响