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


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


left属性的功能说明:

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


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

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

例:
left 属性值示例说明

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

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

css定位属性之left示例说明