这篇文章主要介绍“CSS定位Position有几种属性”，在日常操作中，相信很多人在CSS定位Position有几种属性问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”CSS定位Position有几种属性”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
Css定位position有几个属性
Position有四个属性值用来确定定位方式分别是：static（静态定位，position默认值）；absolute（绝对定位）；relative（相对定位）；fixed（固定定位）；sticky（粘性定位）。
Css定位position属性的常用用法
absolute（绝对定位）根据父元素定位使用leftrighttopbottom指定的坐标，是以父元素为参照目标移动自身的位置如下：
复制代码
</head>
<style>
*{
margin:0;
padding:0;
}
.box{
width:400px;
height:200px;
background:red;
margin:50pxauto;
/*形成参照物*/
position:absolute;
}
.boxp{
width:200px;
height:100px;
background:yellow;
/*根据父元素的定位进行位置的变化*/
position:absolute;
left:20px;
top:50px;
}
</style>
<body>
<divclass="box">
<p>子元素</p>
到此，关于“CSS定位Position有几种属性”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
