我对 CSS 相当陌生，并且总是遇到布局问题。
我一直在尝试实现一些网格布局，但在折叠浏览器时遇到了麻烦。 我有两列分别设置为 40% 60%。 我只是希望第二列不与第一列重叠，因为我使浏览器水平变小。 我只想让第二列中的文本自动换行，直到无法换行为止，然后浏览器将其覆盖，而不是第二列向左移动并占用第一列中的空间。
我尝试包含代码，但我不断收到错误，因此希望在没有它的情况下得到一些指导。
我已经尝试了几乎所有我能想到的方法来尝试防止溢出、设置最小和最大尺寸。 我还没有冒险进入媒体查询的东西，因为这看起来应该足够简单，内容不会超出其设置的容器。
能够使用 minmax 属性确保第 1 列保持最小宽度：grid-template-columns: minmax(600px, 600px) 2fr;