定位

 

        一般来说我们元素的position属性的值默认为static 就是没有定位,元素出现在正常的文档流中,,这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的,不会生效,比如你设置一个距离左边距偏移100px的声明:left:100px 那么这条声明不会起到任何效。

所以今天给大家介绍三种定位:

        他么分别是固定定位,相对定位,绝对定位

首先是固定定位:就是相对浏览器窗口定位.页面如何滚动,这个盒子显示的位置不变    写法:position:fixed

然后是相对定位:相对于原本文档流中的位置定位,仍然占据原位置,

           相对定位,就是微调元素位置的.让元素相对自己原来的位置进行微调。

           也就是说,如果一个盒子想进行位置调整,那么就要使用相对定位了                       写法:position:relative

最后一个是绝对定位:相对于离他最近的已定位父级进行定位,一直找到浏览器窗口位置 

                    绝对定位之后,标签就不区分所谓的行内元素,块级元素了,不需要display:block;就可以设置宽高了    写法:position:absolute

                    这就是三个定位的定义和简单介绍

上一篇:ShardingSphere源码解析之微内核架构(上)


下一篇:shardingsphere