CSS定位Position有几种属性

这篇文章主要介绍“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">

到此，关于“CSS定位Position有几种属性”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注网站，小编会继续努力为大家带来更多实用的文章！