css定位

relative: 相对定位,可以根据 left、right 等属性将元素从原来位置平移,但是无论是否进行移动,元素仍然占据原来的空间。

          

        

 

      相对定位可以将元素从不定位元素成为定位元素,供其子元素绝对定位的参照物。

      可以使用 z-index 元素来决定哪个元素覆盖哪个元素。

         没有用使用定位时 z-index 不起作用

        

         使用了定位

        

 

absolute: 绝对定位,元素将会从正常的文档流中脱离出来。

         

     absolute定位的参照物为与该元素最近的祖先(直系),且祖先为定位元素(position不是默认的static)。

        

     如果所有的祖先都为非定位元素,那么参照物为浏览器的可视窗口(不包含滚动条)。

         

fixed: 固定定位,元素将会从正常的文档流中脱离出来。

    参照物为浏览器的可视窗口,元素不随着滚动条而滚动。

 

原文地址:https://www.cnblogs.com/lkcc/p/7441887.html