Css 无法移动flexbox中的元素

我无法将submit按钮移动到左侧1vw，而不会干扰右侧的锚定标签。此外，在锚定边框中有足够的空间，但在减小浏览器宽度时，我无法使文本和图像保持在同一行

更新：通过将锚点显示：block更改为display:inline flex，可以将img和文本保持在锚点中的同一行

仍然无法在不干扰锚定标签的情况下向右移动提交按钮

页脚顶部{ 背景色：白色； 填充：0.2.87rem； } h3{ 颜色：b3d7f8； 字体大小：1.5vw； 垫面：3vw； 左：2vw； 背景色：538231； 保证金：0 } 页脚容器{ 填充：0.2.87rem； 背景色：白色； } .myFooter{ 背景色：白色； 显示器：flex； 柔性包装：nowrap； } .myFooter.左{ flex:1自动； 背景色：538231； 垫面：3vw； 左：2vw； 垫底：2vw； } .myFooter标签{ 显示：块； 颜色：c2d59b； 利润底部：1vw； 字体大小：1vw； } .myFooter输入{ 填料：5vw.5vw； } 电子邮件{ 高度：1vw； 线高：1； 字体大小：1vw； 宽度：25vw； } .提交按钮{ 背景色：白色！重要； 边界：没有！重要； 颜色：黑色！重要； 填充：.5vw.5vw！重要； 文本对齐：居中！重要； 文字装饰：无！重要； 显示：内联块！重要； 字体大小：1vw！重要； 高度：2vw！重要； 宽度：5vw！重要； 线高：1vw！重要； } .myFooter，对{ 弹性：1； 背景色：538231； 垫底：2vw； } .myFooter。右a{ 显示：内联flex； 颜色：白色； 边框：1px纯白； 宽度：71%； 利润率：1vw 0； 文字装饰：无； } .myFooter.右img{ 宽度：1.5vw； 身高：100%； 填充：.59vw 0； 显示：块； 浮动：左； 利润率：0.1vw； } .myFooter。右span{ 字体大小：1vw； 填充：1vw 0； 显示：内联块； 线高：1； } @媒体屏幕和最大宽度：961px{页脚顶部，页脚容器{ 填充：0 1.7rem；} } 帮助创建一个可持续健康的威斯顿小镇 加入我们的邮件列表： 由于您的.left和.right元素具有flex grow:1，通过flex速记应用，因此它们已扩展到所有可用空间，并且相互接触。因此，任何改变一个元素宽度的行为都会影响另一个元素

我建议的第一件事是摆脱这个规则，而是使用justify content：容器上的空格

然后，为右侧的锚点提供空白：nowrap，以防止它们缠绕。同时删除宽度限制，使文本不会溢出

页脚顶部{ 背景色：白色； 填充：0.2.87rem； } h3{ 颜色：b3d7f8； 字体大小：1.5vw； 垫面：3vw； 左：2vw； 背景色：538231； 保证金：0 } 页脚容器{ 填充：0.2.87rem； 背景色：白色； } .myFooter{ /*背景色：白色*/ 背景色：538231；/*调整*/ 显示器：flex； 柔性包装：nowrap； 对齐内容：间距；/*新建*/ } .myFooter.左{ /*flex:1自动*/ 背景色：538231； 垫面：3vw； 左：2vw； 垫底：2vw； } .myFooter标签{ 显示：块； 颜色：c2d59b； 利润底部：1vw； 字体大小：1vw； } .myFooter输入{ 填料：5vw.5vw； } 电子邮件{ 高度：1vw； 线高：1； 字体大小：1vw； 宽度：25vw； } .提交按钮{ 背景色：白色！重要； 边界：没有！重要； 颜色：黑色！重要； 填充：.5vw.5vw！重要； 文本对齐：居中！重要； 文字装饰：无！重要； 显示：内联块！重要； 字体大小：1vw！重要； 高度：2vw！重要； 宽度：5vw！重要； 线高：1vw！重要； 左边距：5px；/*在此处更改值；右锚不再移动*/ } .myFooter，对{ /*弹性：1*/ 背景色：538231； 垫底：2vw； 右侧填充：2vw；/*新*/ } .myFooter。右a{ 显示：块； 颜色：白色； 边框：1px纯白； /*宽度：71%*/ 利润率：1vw 0； 文字装饰：无； 空白：nowrap；/*新*/ 右侧填充：2vw；/*新*/ } .myFooter.右img{ 宽度：1.5vw； 身高：100%； 填充：.59vw 0； 显示：块； 浮动：左； 利润率：0.1vw； } .myFooter。右span{ 字体大小：1vw； 填充：1vw 0； 显示：内联块； 线高：1； } @媒体屏幕和最大宽度：961px{ 页脚顶部， 页脚容器{ 填充：0.1.7rem； } } 帮助创建一个可持续健康的威斯顿小镇 加入我们的邮件列表：