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


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


top属性的功能说明:

top字面意思高度,在css用于定位距离上个参考点的基准位置


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

 top属性注意事项:
       此属性需同定位属性一起使用,才能发挥起效果,此属性值可以使用负值

例:
top 属性值示例说明

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

<p>
 maomao365.com <br />
 top属性值示例说明
</p>
<hr />
<div>测试top属性</div>
css属性top示例说明

css属性top示例说明