CSS中的bottom是一個重要的樣式屬性,它在定位元素的時候非常有用。
.selector { position: absolute; bottom: 0px; }
上述代碼可以讓一個定位的元素距離文檔底部的距離為0,也就是相對于視口底部。
同時,bottom還可以接受負值,這將會使元素向上移動。
.selector { position: relative; bottom: -10px; }
上述代碼會使一個相對定位的元素向上移動10像素。
在某些情況下,bottom甚至可以和其他屬性一起運用,比如margin或padding。
.selector { position: absolute; bottom: 0px; margin-bottom: 20px; }
上述代碼的作用是讓一個定位的元素距離文檔底部的距離為0,同時在底部添加一個20像素的margin。
總之,bottom是CSS中非常實用的一個樣式屬性,可以幫助我們更加精細地控制元素的位置和布局。
上一篇css樣式 點擊字體加粗
下一篇css樣式imp