[分享]css上下左右的代码

CSS中的上下左右代码主要是用于定位元素的位置。CSS中提供了四种属性来设置元素的位置，分别是：top（上方距离）、bottom（下方距离）、left（左侧距离）、right（右侧距离）。{ : ab...

CSS中的上下左右代码主要是用于定位元素的位置。CSS中提供了四种属性来设置元素的位置，分别是：top（上方距离）、bottom（下方距离）、left（左侧距离）、right（右侧距离）。

{
position: absolute;
top: 10px;
left: 20px;
} 

在上面的代码中，我们使用了绝对定位(position: absolute;)，并且将该元素向上移动了10像素(top: 10px;)，向左移动了20像素(left:20px;)。

{
position: relative;
bottom: 20px;
right: 30px;
} 

在上面的代码中，我们使用了相对定位(position: relative;)，并且将该元素向下移动了20像素(bottom: 20px;)，向右移动了30像素(right: 30px;)。

需要注意的是，top、bottom、left、right属性只对已经定位的元素有效（如使用了position属性且值为absolute、fixed、relative的元素）。在没有定位的元素中使用这些属性是没有任何效果的。