right

该属性用于指定当前元素在有定位的包含块元素中的位置。对绝对定位的元素，它表示元素右边距边缘到包含块右边缘之间的距离。right属性对非定位元素没有影响。

 

语法

/* <length> value */
right: 2.5em;

/* <percentage> value */
right: 95%;

right: auto;

值

值描述
<length> 该关键词表示负数，null，整数。对绝对定位元素，该值为到包含块元素右边界的距离。对于相对定位元素，对于相对定位元素，该值为该元素在非定位时的正常文档流中相对自身向右的偏移量。
<percentage> 该关键词表示包含块宽度的百分比。
auto 此关键词表示关键字。对绝对定位元素，元素的定位基于left属性和指定的宽度，auto 宽度值则基于内容来计算。对相对定位元素，其相对于原始位置的右偏移量是基于 left 属性来计算的。若 left 属性也是 auto，则都没有偏移量。

例子

HTML 

<div id="red">
   <div id="orange"></div>
</div>

CSS 

#red {
     width: 200px;
     height: 50px;
     background: red;
     position: relative;
}
#orange {
     width: 50px;
     height: 50px;
     background: orange;
     position: absolute;
     right: 30px;
}

执行结果

参考

相关链接

外部链接


跳至内容顶部