欢迎光临
我们一直在努力

CSS中position的fixed,absolute,relative属性

关于fixed属性,在什么情况下需要用,怎么用,首先,我们应该先了解下fixed属性的说明:fixed总是以body为定位时的对象,总是根据浏览器的窗口来进行元素的定位,通过”left”、 “top”、 “right”、 “bottom” 属性进行定位。

当设定position:absolute
如果父级(无限)没有设定position属性,那么当前的absolute则结合TRBL属性以浏览器左上角为原始点进行定位
如果父级(无限)设定position属性,那么当前的absolute则结合TRBL属性以父级(最近)的左上角为原始点进行定位。

当设定position: relative
则参照父级(最近)的内容区的左上角为原始点结合TRBL属性进行定位(或者说相对于被定位元素在父级内容区中的上一个元素进行偏移),无父级则以BODY的左上角为原始点。相对定位是不能层叠的。在使用相对定位时,无论元素是否进行移动,元素依然占据原来的空间。因此,移动元素会导致它覆盖其他框。

赞(1)
版权归原作者所有,如有侵权请告知。达维营-前端网 » CSS中position的fixed,absolute,relative属性

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址