CSS 中有四個關于方向的單詞,它們分別是上(top)、下(bottom)、左(left)、右(right)。
.box { position: absolute; top: 50px; /* 距離頂部 50px */ bottom: 0; /* 距離底部 0px */ left: 20px; /* 距離左側 20px */ right: 20px; /* 距離右側 20px */ }
在 CSS 中使用這些單詞可以控制元素的位置。比如,我們可以通過 top 和 bottom 屬性一起設置一個元素距離父元素的垂直距離。
同樣的,通過 left 和 right 屬性一起設置可以控制一個元素距離父元素的水平距離。
需要注意的是,如果一個元素的 position 屬性設置為 static,這些屬性則沒有任何作用。
總之,掌握上下左右四個單詞,可以讓我們更好地控制元素的位置。