CSS中bottom樣式可以用于設(shè)置元素的底部邊距,即元素底端與其父元素底端之間的距離。
p { position: absolute; bottom: 10px; }
上述代碼中,p元素被設(shè)置為絕對定位,bottom屬性的值為10px,這樣p元素的底端就與其父元素底端相距10px,即向上偏移10px。
bottom屬性也可以用于相對定位元素的底端位置,示例代碼如下:
p { position: relative; bottom: 10px; }
這段代碼設(shè)置了p元素為相對定位,bottom屬性的值為10px,這樣p元素的底端與其在文檔流中原本所在位置的底端向下偏移10px。
需要注意的是,bottom屬性只對定位元素起作用,對于未設(shè)置定位的元素是無效的。