css的三种定位方式是什么

css的三种定位方式是：1、相对定位，元素的位置相对于它的原始位置计算而来，语法“position:relative;”；2、固定定位，语法“position:fixed;”；3、绝对定位，语法“position:absolute;”。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

相对定位

该元素的位置是相对于它的原始位置计算而来的。

position:relative;

他是默认参照父级的原始点为原始点，配合top、right、bottom、left进行定位。

one
two
three
four

固定定位

被固定的元素不会随着滚动条的拖动而改变位置。

position:fixed;

在默认情况下，固定定位元素的位置是相对浏览器而言，结合top、bottom、left和right这4个属性一起使用。

p元素
固定定位的p元素

绝对定位

position:absolute;

默认情况下，绝对定位的位置是相对于浏览器而言，配合top、right、bottom、left进行定位。

one
two
three
four

z-index

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

属性值： auto：默认，堆叠顺序与父元素相等。 number：设置元素的堆叠顺序。 inherit：规定应该从父元素继承 z-index 属性的值。

例： 设置图像的 z-index：

img{position:absolute;left:0px;top:0px;z-index:-1;}

（学习视频分享：css视频教程）

以上就是css的三种定位方式是什么的详细内容，更多请关注易企推科技其它相关文章！

本文地址：网络知识频道 https://www.hkm168.com/jiqiao/1150100.html，易企推百科一个免费的知识分享平台，本站部分文章来网络分享，本着互联网分享的精神，如有涉及到您的权益，请联系我们删除，谢谢！