css——定位

position

  • absolute:绝对定位

1.以页面的左上角为原点

2.不保留原来的位置

3.z-index可以调整图层顺序

如果想实现以父级元素左上角为原点。则:父级相对,子级绝对

在子级绝对的情况下,将父级调成相对就是以父元素左上角为原点。

  • relative:相对定位

    1,以自己的左上角为原点

2,保留原来的位置

3,z-index用来调整图层顺序

 

fixed:固定

将盒子固定在一个地方,一般做广告的显示

position:fixed;

right:0px;

bottom:0px;

  • static:静态(默认定位,按照标准流排列)

posted @ 2019-05-27 20:59  ellenxx  阅读(91)  评论(0编辑  收藏  举报