一般来说我们元素的position属性的值默认为static 就是没有定位,元素出现在正常的文档流中,,这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的,不会生效,比如你设置一个距离左边距偏移100px的声明:left:100px 那么这条声明不会起到任何效。
所以今天给大家介绍三种定位:
他么分别是固定定位,相对定位,绝对定位
首先是固定定位:就是相对浏览器窗口定位.页面如何滚动,这个盒子显示的位置不变 写法:position:fixed
然后是相对定位:相对于原本文档流中的位置定位,仍然占据原位置,
相对定位,就是微调元素位置的.让元素相对自己原来的位置进行微调。
也就是说,如果一个盒子想进行位置调整,那么就要使用相对定位了 写法:position:relative
最后一个是绝对定位:相对于离他最近的已定位父级进行定位,一直找到浏览器窗口位置
绝对定位之后,标签就不区分所谓的行内元素,块级元素了,不需要display:block;
就可以设置宽高了 写法:position:absolute
这就是三个定位的定义和简单介绍