我的主要内容位于页面中心,宽度约为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属性.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。