css脚本中right属性起什么作用呢?


摘要:
下文讲述css代码中right属性的相关说明,如下所示:


right属性的功能说明:

right字面意思右边,在css用于定位元素距离参考点的右边的间距


right语法:
right:auto|<length>|<percentage>
———-参数值说明—–
auto:自动,无特殊定位
length:
指定长度值,用于设置元素右部距参考元素的距离,此参数可以为负值
percentage:
参照当前block的宽度的百分比作为元素距参考元素右边的距离,此参数值可以为负值

 right属性注意事项:
       1.此属性需同定位属性一起使用,才能发挥起效果,此属性值可以使用负值
       2.此属性适用于市面上所有流行的浏览器

例:
right 属性值示例说明

<meta charset="utf-8" />
<style>
div{ 
    position:absolute;
    background-color:green;
    color:white;font-weight:bold;
    right:20px;
    width:200px;
    height:100px;
    padding:5px 10px;  
    line-height:100px;
}
</style>

<p>
 maomao365.com <br />
 right属性值示例说明
</p>
<hr />
<div>测试right间距</div>
css 定位属性之right示例说明

css 定位属性之right示例说明