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