admin管理员组

文章数量:1611181

将学过的定位进行一个简单的整理，方便以后查阅，也想向大家分享一下。

众所周知，定位分为5种，分别为：静态定位、相对定位、绝对定位、固定定位、粘性定位。下面我为大家详细介绍一下每种定位。

1.静态定位(static)：

静态定位是元素的默认定位方式，无定位的意思。它相当于 border 里面的none，静态定位static，不要定位的时候用。

静态定位 按照标准流特性摆放位置，它没有边偏移。

静态定位在布局时我们几乎不用的 

图片解释：

 

 

 

2.相对定位(relative)：

相对定位是元素在移动位置的时候，是相对于它自己原来的位置来说的。

相对定位的特点：

1.它是相对于自己原来的位置来移动的（移动位置的时候参照点是自己原来的位置）
2.原来在标准流的位置继续占有，后面的盒子仍然以标准流的方式对待它

因此，相对定位并没有脱标。它最典型的应用是给绝对定位当爹的

本文标签： 详解cssPosition

版权声明：本文标题：CSS中的定位(position)详解 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1728604529a1165284.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。