CSS设置浏览器边缘的最大距离

Question

我的网站内容在一个800px宽的div中，我希望该div在页面上居中，直到浏览器窗口宽度超过一定距离。在这一点上，我希望内容“锁定”到位而不是继续居中，从左边缘保持固定数量。

例如，如果观看者窗口宽度为900px，那么他们将看到我的800px内容居中。如果观看者窗口宽度为1400px，他们将从左侧看到我的内容400px，锁定在该位置。

您可能会认为这是一个奇怪的问题，而且确实如此！但这对我的设计来说是相当不可或缺的，因为它以这种方式工作。

Answer 1

将容器元素的max-width设置为1700px（900 + 400 * 2）将确保内容远离左侧400px，前提是容器是没有居中。