CSS right 属性

把图像的右边缘设置在其包含元素右边缘向左 150 像素的位置:

div.absolute {
  position: absolute;
  right: 150px;
  width: 200px;
  height: 120px;
  border: 3px solid green;
}

下面有更多实例。

定义和用法

right 样式属性定义了定位元素的右外边距边界与其包含块右边界之间的偏移，非定位元素设置此属性无效。

right的效果取决于元素的position属性:

当position设置为absolute或fixed时，right属性指定了定位元素右外边距边界与其包含块右边界之间的偏移。
当position设置为relative时，right属性指定了元素的右边界离开其正常位置的偏移。
当position设置为sticky时，如果元素在viewport里面，right属性的效果和position为relative等同；如果元素在viewport外面，right属性的效果和position为fixed等同。
当position设置为static时，right属性无效。

表中的数字表示支持该属性的第一个浏览器版本。

属性
right	1.0	5.5	1.0	1.0	5.0

right: auto|length|initial|inherit;

值	描述	试一试
auto	默认值。通过浏览器计算右边缘的位置。	亲自试一试 »
length	以px、cm等为单位设置右边缘位置。允许负值。阅读长度单位	亲自试一试 »
%	以包含元素的百分比设置右边缘位置。允许使用负值	亲自试一试 »
initial	将此属性设置为其默认值。请参阅 initial	亲自试一试 »
inherit	从其父元素继承此属性。请参阅 inherit