position定位解决弹框拖拽出屏幕的情况

position定位有四种情况:

1 static默认情况,没有定位,元素正常出现在文档流中。

2 fixed 绝对定位

元素的位置相对于浏览器窗口是固定位置。

即使窗口是滚动的它也不会移动:定位脱离文档流,不占据位置。

3 relative相对定位,相对其正常位置,还在文档流中,占据位置。

相对定位元素经常被用来作为绝对定位元素的容器块。

4 absolute绝对定位

绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于<html>

定位脱离文档流,不占据空间,可以重叠在其他元素的上面。

 

工作中的例子:弹框拖拽出屏幕的情况

工作中,有可能会遇到弹框拖拽出屏幕的情况,可能是弹框定位不是fixed。把定位修改为fixed即可,使之相对于浏览器定位。

posted on 2016-03-09 11:09  justlike  阅读(355)  评论(0编辑  收藏  举报

导航