相对定位和绝对定位 left和margin-left
Posted Isabel4u
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了相对定位和绝对定位 left和margin-left相关的知识,希望对你有一定的参考价值。
1.直接在css中设置left生效的前提是必须设置父容器position:absolute或relative,如果不设置则会显示为最近一个定位的父对象左边相关的位置, margin-left则只会出现在父对象的左边的相对位置,不考虑是否设置了position 。
2,通常情况下,我们元素的position属性的值默认为static 就是没有定位,这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的,z-index属性这时也不会有效。
3,对某元素设置了相对定位,它移动后仍占据着原来的空间,不会被其他块填补掉,它的偏移也不会把别的块从文档流中原来的位置挤开,会叠在其他元素之上,可用z-index调。
被设置了绝对定位的元素不占空间,原位置被删除,也可用z-index来设置它们的堆叠顺序。
4,设置为相对定位的元素,会相对于它的起点进行移动。
设置为绝对定位的元素,绝对定位是“相对于”最近的已定位(非static,即relative,absolute或fixed)祖先元素,如果不存在已定位的祖先元素,那么会“相对于”<body>进行定位。
以上是关于相对定位和绝对定位 left和margin-left的主要内容,如果未能解决你的问题,请参考以下文章