相对定位和绝对定位 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的主要内容,如果未能解决你的问题,请参考以下文章

HTML+CSS:css定位详解之相对定位绝对定位和固定定位

详解CSS的相对定位和绝对定位

相对定位和绝对定位

div绝对定位与相对定位以及float属性?

CSS绝对定位与相对定位的区别?

CSS 绝对定位和相对定位