css定位属性
Css的定位属性页面制作过程中经常会碰到元素层叠或特定位置显示的情况,按照正常文档流布局的方式就不能完全满足我们的需求所以就需要定位来帮助我们。
position:检索或设置对象的定位方式
相对定位:relative
相对于自身所在位置而进行定位,以自己所在位置为原点而向周边移动,在没有设置top,right,bottom,left的情况下他是与默认值一样在原有位置不动占用着文档流
在设置top,right,bottom,left,值得时候relative即占着文档流的位置也可以往外边移动,relative是没有脱离文档流的。
绝对定位:absolute
完全脱离文档流自动向上检测以有定位属性的元素为父元素而进行自我定位,若检测不到定位属性就以html为父元素进行定位。
他的父元素若设置定位属性他就会以自己的父元素而定位。
固定定位:fixed
它是根据html来定位永远固定在浏览器的某一处。我们平时浏览网页看见的小广告就是用固定定位来实现的。