position定位解决弹框拖拽出屏幕的情况
Posted justlike
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了position定位解决弹框拖拽出屏幕的情况相关的知识，希望对你有一定的参考价值。
position定位有四种情况：
1 static默认情况，没有定位，元素正常出现在文档流中。
2 fixed 绝对定位
元素的位置相对于浏览器窗口是固定位置。
即使窗口是滚动的它也不会移动：定位脱离文档流，不占据位置。
3 relative相对定位，相对其正常位置，还在文档流中，占据位置。
相对定位元素经常被用来作为绝对定位元素的容器块。
4 absolute绝对定位
绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>
定位脱离文档流，不占据空间，可以重叠在其他元素的上面。
工作中的例子：弹框拖拽出屏幕的情况
工作中，有可能会遇到弹框拖拽出屏幕的情况，可能是弹框定位不是fixed。把定位修改为fixed即可，使之相对于浏览器定位。
以上是关于position定位解决弹框拖拽出屏幕的情况的主要内容，如果未能解决你的问题，请参考以下文章
draggable与overflow同时存在,无法拖拽出父元素问题解决