CSS中的bottom屬性指的是元素的底部邊緣相對于父元素底部邊緣的距離。
.example { position: absolute; bottom: 20px; }
在上面的代碼中,我們將一個絕對定位的元素的bottom屬性設置為20px,這意味著元素的底部邊緣距離父元素的底部邊緣有20像素的距離。
如果一個元素的position屬性不是absolute或fixed,則bottom屬性不會生效。
.example { position: relative; bottom: 20px; }
在上面的代碼中,我們將一個相對定位的元素的bottom屬性設置為20px,但是由于position屬性不是absolute或fixed,這個屬性不會對元素的位置產生影響。
除了bottom屬性,CSS中還有top、left和right屬性,分別代表元素的頂部、左側和右側邊緣相對于父元素對應邊緣的距離。
.example { position: absolute; top: 10px; left: 20px; right: 30px; bottom: 40px; }
在上面的代碼中,我們同時設置了元素的四個邊緣距離父元素對應邊緣的距離。
總之,bottom屬性可以讓我們輕松控制元素在父元素內部的垂直位置,是CSS中十分有用的一個屬性。