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


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


bottom属性的功能说明:

bottom字面意思底部,在css用于定位元素距离参考点的底部的间距


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

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

例:
bottom 属性值示例说明

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

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

css定位属性之bottom示例说明