Question

所以我在另一个网站上托管了一个外部脚本（一个聊天框）。它使用float：right定位在我的列表右侧。我遇到的问题是，当浏览器窗口调整大小时，它会溢出到列表中。我试过溢出：隐藏;但那不起作用。This is what happens when the browser window overflows. This is how it normally looks.

Answer 1

尝试使用CSS媒体查询，如下所示：

@media (max-width:600px) {
    #chat-box {
        display: none;
    }
}

这可以理解为：

如果屏幕宽度小于600px，请使用ID聊天框隐藏元素。

将其放在样式标记或 .css 文件中。

参考：https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

Answer 2

尝试使用重要的CSS，如下所示：

overflow: hidden !important;

浏览器窗口调整大小时如何隐藏外部脚本

2 个答案: