Css 使用calc（）动态计算右位置

我的任务是设计横幅的样式，但是横幅本身是第三方工具，样式选项非常有限。如果我分享一个我正在使用的示例，然后讨论我的局限性和我试图实现的目标，可能会更容易

正文{
保证金：0；
}
梅因先生{
高度：200vh；
最小高度：250px；
宽度：1200px；
背景：cdcdcd；
保证金：0自动；
填充：20px；
}

主要网站内容
横幅内容

这里有一个想法，它依赖于使用if

min（）

来定义最大宽度。将其设置为600px（对于大屏幕）或50%（对于小屏幕），然后在元素居中后使用translate调整位置：

正文{
保证金：0；
}
梅因先生{
高度：200vh；
最小高度：250px；
宽度：1200px；
背景：cdcdcd；
保证金：0自动；
填充：20px；
}
* {
框大小：边框框；
}

主要网站内容
横幅内容