CSS相对定位和绝对定位的区别CSS 中相对定位和绝对定位常常会使初入的新人感到困惑 我本人也是深受其害 今天详细的给大家说一下相对定位和绝对定位的区别 也是对自己的一种复习 一 相对定位 position relative 根据 w3cschool 里的介绍 相对定位是一个非常容易掌握的概念 如果对一个元素进行相对定位 它将出现在它所在的位置上 然后 可以通过设置垂直或水平位置 让这个元素 相对于 它的起点进行移动 如果

与相对定位不同的是,绝对定位是相对于自己的父辈元素进行平移,若自己的父辈没有开启相对定位,则元素相对于body转移位置。若自己的父辈全部开启定位,则会对离自己最近的父辈元素进行平移,但是若只开启定位没有进行平移,则会在原来位置脱离文档流。还有一个不同的点是,绝对定位自身的空间会被其他元素占有,同时也会激活z-index属性,其层叠级别高于原本的文档流时将会进行覆盖。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/230380.html原文链接:https://javaforall.net