css按鈕定位在div底部

　　如圖，黃色按鈕沉在div底部：

　　

 

　　這種場景會經常遇到，比如頭部固定，底部固定，或者側邊欄固定等，雖然很簡單，但是好記性不如爛筆頭，作為一個后端開發，在轉全棧的路上css還是有點蛋疼的。

#dataExplain {
        position: fixed;
        background-color: white;
    }
    .dataExplainBtn {
        width: 100%;
        position: absolute;
        bottom: 0px;
        transform: translateX(-50%);
    }

　　如上代碼便可，父級div給個定位，子級按鈕再給個絕對定位就可。這里我父級div給的固定定位是結合我自己的業務需求，不一定非要設置為固定定位，父級div設置為固定定位也是起效的。

　　css沒啥特別好說的，bottom和transform兩個屬性的作用是讓按鈕沉底並居中。

 

　　以上。