代码改变世界

CSS postion定位

2017-10-15 20:32  那些年111  阅读(307)  评论(0)    收藏  举报

    在box中 经常会使用浮动和定位,达到我们想要的位置。两者即相关联,又有区别,使用中,要符合语法要素。

     定位postion分为相对定位,绝对定位,固定定位

1.相对定位postion:relative;  

相对自己本来的位置移动,是设置四边的;

2.绝对定位 postion:absolute;

脱离常规文本流,以离它最近的非静态作为最高点(0 0点)

3.绝对固定定位 postion:fixed;

脱离常规文本流,不能与float浮动应用在同一个标签

 

在进行特殊移动时常规方法很难达到需求位置,postion定位很好的解决这一问题,无论是小插件,图片,文字,都能准确定位到所需求的位置。