码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-03-09 12:56:33      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

position定位有四种情况:

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

2 fixed 绝对定位

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

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

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

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

4 absolute绝对定位

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

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

 

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

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

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

标签:

原文地址:http://www.cnblogs.com/hopexi/p/5257326.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!