CSS bottom屬性是用于定位元素的,它指定元素與其父級容器底部的距離。
.box { position: relative; bottom: 50px; }
在上面的代碼中,.box元素被定位為相對定位,bottom屬性被設置為50px。這意味著.box元素與其父容器底部的距離為50px。
如果要將元素定位在底部,可以將bottom設置為0:
.box { position: absolute; bottom: 0; }
在上面的代碼中,.box元素被定位為絕對定位,bottom屬性被設置為0。這意味著.box元素將附加到其父容器的底部。
bottom屬性還可以與top屬性一起使用,以確定元素在垂直方向上的位置:
.box { position: relative; top: 50px; bottom: 50px; }
在上面的代碼中,.box元素被定位為相對定位,top屬性被設置為50px,bottom屬性被設置為50px。這意味著.box元素將位于其父容器50px的頂部和底部之間。