Javascript 不允许html div离开页面

首先，让我给你一点背景知识。我正在创建一个响应页面，使用%定位我的div。它允许用户随意拖放项目。当用户将对象放置在页面边缘附近时，会出现问题。当您调整浏览器大小时，图像开始离开页面并被切断

    #div1 
    {
    overflow: hidden; 
    right: <?php variable>;
    bottom: <?php variable>;
    }

    #div2 
    {
    overflow: hidden; 
    left: <?php variable>;
    top: <?php variable>;
    }

#第1部分
{
溢出：隐藏；
右：如果要使用javascript，则需要有一个单独的函数，在浏览器调整大小时触发：

window.onresize = function(event) {
    //your code here
}

或者如果您使用的是流行的jQuery

$(window).resize(function(){
    //your code here
});

是一样的

如果要使用css硬编码，请使用@media查询：

@media(max-width:767px) { /*or whatever you want to use to trigger the css that will be used after browser size fits your problem */
    .myImage {left:10px;top:10px;}
}

您可以在此处找到有关@media的更多信息

如果你问我，我想你会用javascript实现一个更为坚实的解决方案，因为我怀疑你正在使用js来拖动元素，所以也可以使用它来调整大小和重新定位。
你可能可以使用CSS3。如果我对它们了解得多一点，我会尝试写一个答案。谢谢，我会尝试一下。我有一个h侦听窗口大小调整，但左、右、上、下不在then函数中，这可能与此有关。@RobinHood我对PHP如何与此类事件交互不太熟悉，但在这种情况下，javascript绝对是一种方法-我将使用js设置左、上变量，而不是在re中更新它们如果需要，可以使用大小函数。但再次强调，我并不知道你的应用程序是什么：）@RobinHood-只需创建一个用于设置顶部和左侧的函数，然后在加载和调整窗口大小时调用它。