很多情况下,我们需要控制更多元素的位置,切超过了浮动所能提供的范围,这时候我们就需要使用“position”属性对元素进行定位,position提供了四种定位方式:
一、relative
相对定位,相对于自身位置,使用top,left,right,bottom 属性改变元素的位置。
二、fixed
固定定位,相对于浏览器窗口进行定位,并且不会随滚动条进行滚动,始终保持在窗口的某个位置。
三、absolute
绝对定位,会脱离文档流,当存在父级元素且父级元素有相对定位时,相对于父级元素的位置进行定位,否则相对于页面的主体进行定位。
四、static
元素都具有position属性,默认值是static,static属性不接受位置属性(top,right,left,bottom)值得影响,一般情况下不使用,当需要消除某元素的其他定位时,可以使用static属性。
网友评论