css:position 属性

2017-06-07  本文已影响0人  书童drj

很多情况下,我们需要控制更多元素的位置,切超过了浮动所能提供的范围,这时候我们就需要使用“position”属性对元素进行定位,position提供了四种定位方式:

  一、relative

 相对定位,相对于自身位置,使用top,left,right,bottom 属性改变元素的位置。

二、fixed

 固定定位,相对于浏览器窗口进行定位,并且不会随滚动条进行滚动,始终保持在窗口的某个位置。

三、absolute

 绝对定位,会脱离文档流,当存在父级元素且父级元素有相对定位时,相对于父级元素的位置进行定位,否则相对于页面的主体进行定位。

四、static

元素都具有position属性,默认值是static,static属性不接受位置属性(top,right,left,bottom)值得影响,一般情况下不使用,当需要消除某元素的其他定位时,可以使用static属性。

上一篇 下一篇

猜你喜欢

热点阅读