在CSS中,bottom屬性用于設置元素相對于其父元素底部的位置。bottom屬性屬于定位屬性之一,用于設置定位元素的位置。
position: absolute; bottom: 10px;
上述代碼表示設置一個絕對定位的元素,距離其父元素底部10像素。
bottom屬性的取值可以為像素(px)、百分比(%)、em、rem等。
當使用像素值作為bottom的取值時,元素的位置不會隨著父元素的變化而改變。
當使用百分比作為bottom的取值時,元素的位置會隨著父元素的變化而改變。例如:
position: absolute; bottom: 10%;
上述代碼表示設置一個絕對定位的元素,距離其父元素底部10%的高度。
除了bottom屬性,定位元素還有top、left、right等屬性可以設置元素的位置。
需要注意的是,當元素的position屬性不是absolute或fixed時,bottom屬性無效。
總之,bottom屬性在定位元素時十分重要,合理設置可以讓網頁更加美觀。