CSS3固定底部是指無(wú)論頁(yè)面如何滾動(dòng)，底部元素都會(huì)始終停留在屏幕底部位置，比如固定底部導(dǎo)航欄或者版權(quán)信息等。

實(shí)現(xiàn)CSS3固定底部的方法有多種，下面將分別介紹：

/*方法一：使用position*/
.bottom{
position: fixed;
bottom:0;
left:0;
right:0;
height: 50px;
background-color: #eee;
display: flex;
justify-content: center;
align-items: center;
}
/*方法二：使用flex布局*/
body{
height:100vh;
display: flex;
flex-direction: column;
}
.content{
flex:1;
}
.bottom{
height:50px;
background-color:#eee;
display:flex;
justify-content:center;
align-items:center;
}
/*方法三：使用grid布局*/
body{
height:100vh;
display:grid;
grid-template-rows:1fr auto;
}
.content{
grid-row:1/2;
}
.bottom{
grid-row:2/3;
height:50px;
background-color:#eee;
display:flex;
justify-content:center;
align-items:center;
}

以上是三種比較常用的實(shí)現(xiàn)方式，根據(jù)不同的網(wǎng)站需求和代碼風(fēng)格可以自行選擇使用。