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

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

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中文网其它相关文章！

PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

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

上一条：CSS position属性中：fixed怎么用的下一条：详解定位属性position中的：relative与absolute