html - 如何修复页面响应？

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;
}