如何修复页面响应？

Question

我真的有一个烦人的问题。 https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_equal_height_media 这是我在我的网站上使用的确切内容，但内容不同。所以我遇到的问题是，如果我减小浏览器大小，列将不会移动。 并且右栏将移动到侧边栏，但是，我不希望侧边栏固定在所有尺寸上。 我使用 Wordpress 插件 Wpbakery。我的主题是福禄考。 这是我的网站https://sijour.com/offer/ 我认为最好分享链接而不是截图。

（如果我将相同的内容从 w3school 复制到 wpbakery 中的原始 html，列仍会与侧边栏重叠，如果浏览器小于 600 像素，则第一列将可见）

我尝试了一些东西，我从仪表板创建了一个新页面，然后我选择了 Html 我将所有内容都粘贴在那里，这很好，但是当我检查预览时它仍然无法正常工作。

Answer 1

将此添加到您当前的 CSS：

.col-container .col {
    float: left;
}