float: right;   只對(duì)后面的元素起作用，圍繞在后面元素的右邊   

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、重慶小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了柯城免費(fèi)建站歡迎大家使用！

和前后元素沒關(guān)系，只是脫離自己原來(lái)的位置，漂到了右邊，原來(lái)的位置，由別人頂上

clear: rigth;   如果后面的元素有這句，意思是說(shuō)我的右邊不要有人圍繞

class="clearfix"  border自適應(yīng)元素的高度，起到 overflow 的作用

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

position: relative;  相對(duì)于正常位置的定位

position: fixed;  固定位置

position: absolute;  相對(duì)與position是relative的父元素的位置（static、fixed的父元素不起作用, 如果沒有relative的父元素，就相對(duì)整個(gè)網(wǎng)頁(yè)）

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;  只有他一個(gè)按鈕，去掉也看不出什么影響