CSS中有很多方法可以讓元素置于底層，本篇文章將介紹其中的幾種方法。

1. 使用position屬性將元素定位為absolute或fixed，并設(shè)置bottom:0

.bottom {
position: absolute;
bottom: 0;
/*或者 position: fixed;*/
}

2. 使用z-index屬性為元素設(shè)置較小的z-index值

.bottom {
position: relative; /*必須要有relative屬性*/
z-index: -1;
}

3. 使用CSS3的transform屬性將元素移動(dòng)到底部

.bottom {
position: relative;
transform: translateY(100%);
}

雖然以上三種方法都可以讓元素置于底層，但它們的具體實(shí)現(xiàn)方式與各自的應(yīng)用場(chǎng)景是有關(guān)聯(lián)的，必須根據(jù)實(shí)際需要加以選擇。另外，在進(jìn)行元素層級(jí)設(shè)置時(shí)，要注意CSS的渲染規(guī)則，避免出現(xiàn)層疊順序錯(cuò)誤的情況。