javascript – 如果它与另一个div重叠,则隐藏div

发布时间：2020-12-14 23:02:47 所属栏目：资源来源：网络整理

导读：我的主要内容位于页面中心,宽度约为900px.在大屏幕上,我的内容的右边缘和浏览器窗口的右边之间有足够的空间,我可以在右下角显示一个小的100x100px div,它看起来很好,因为该div和主要内容.当屏幕尺寸小于相对位置的div与我的内容的右下角重叠时.如果它在我的

我的主要内容位于页面中心,宽度约为900px.在大屏幕上,我的内容的右边缘和浏览器窗口的右边之间有足够的空间,我可以在右下角显示一个小的100x100px div,它看起来很好,因为该div和主要内容.当屏幕尺寸小于相对位置的div与我的内容的右下角重叠时.如果它在我的内容的20px范围内,我怎么能设置display = none？谢谢

最佳答案

我会在这里寻找纯CSS解决方案.听起来像媒体查询的完美案例：

#rightdiv {
    position: relative;
    width: 100px;
    height: 100px;
}

@media screen and (max-width: 1000px) {
    #rightdiv {
        display: none;
    }
}

当浏览器窗口大小至少为1000px宽度时,CSS将仅显示#rightdiv元素.如果它变小,则应用display：none属性.

示例：http://jsfiddle.net/7CCtH/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!