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