CSS的定位屬性中，上下左右是非常常用的，而上下左右等于上下與左右的組合。下面為大家介紹一下如何通過CSS定位屬性設置元素位置。

{
position: absolute;
top: 上;
left: 左;
bottom: 下;
right: 右;
}

position: absolute;表示元素的位置是絕對定位，可以通過top、left、bottom、right四個屬性設置元素相對于父元素定位的位置，四個值一般不會同時使用。

• top: 上;表示元素在父元素頂部的距離，取值可為像素或百分比。
• left: 左;表示元素在父元素左側的距離，取值可為像素或百分比。
• bottom: 下;表示元素在父元素底部的距離，取值可為像素或百分比。
• right: 右;表示元素在父元素右側的距離，取值可為像素或百分比。

需要注意的是，如果使用了top、left、bottom、right中的任意一個屬性，則position屬性一定要設置為relative或absolute，否則無法生效。

通過以上代碼段的介紹，想必大家對CSS中的上下左右定位屬性已經有了更深的了解，相信能夠更好地使用這些定位屬性來實現頁面布局效果。