首页 >web前端 >css教程 >CSS position属性中absolute这个属性是干什么用的?

CSS position属性中absolute这个属性是干什么用的?

怪我咯
怪我咯原创
2017-06-22 10:20:073454浏览

css定位参数:position、left、right、top、bottom

参数说明:
absolute参数用来指定方块的定位方式,top、bottom、left、right分别指定方块的上下左右坐标。
参数值说明。 

  • absolute:绝对定位

  • fixed:固定定位

  • relative:相对定位

  • static:静态定位

示例代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>示例网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
.c1{
    width:200px;
    height:150px;
    line-height:75px;
    text-align:center;
    border:1px solid #909;
    position:absolute;
    top:50px;
    left:50px;
}
</style>
</head>
<body>
<div class="c1">
本方块宽200px,高150px,绝对定位于上边50px,左边50px
</div>
</body>
</html>

以上是CSS position属性中absolute这个属性是干什么用的?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn