对于相对定位的元素,right 属性指定了元素右边缘相对于其正常位置的偏移量。正值将元素向右移动,负值将元素向左移动。
对于绝对定位的元素,right 属性指定了元素右边缘相对于其包含块右边缘的偏移量。包含块是最接近的已定位祖先元素,如果没有已定位的祖先元素,则相对于初始包含块(通常是视窗)。
示例:
.relative-box {
position: relative;
right: 20px; /* 相对于正常位置右移20像素 */
}
.absolute-box {
position: absolute;
right: 30px; /* 相对于包含块右边缘右移30像素 */
}
在这个示例中,.relative-box 是相对定位的元素,其右边缘相对于正常位置右移了20像素。.absolute-box 是绝对定位的元素,其右边缘相对于包含块右边缘右移了30像素。
转载请注明出处:http://www.zyzy.cn/article/detail/4243/CSS