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

Question

我的网站内容位于一个 800 像素宽的 div 中，我希望该 div 位于页面中心，直到浏览器窗口宽度延伸超过一定距离。那时，我希望内容“锁定”到位，而不是继续居中，与左边缘保持固定的距离。

例如，如果查看器窗口的宽度为 900 像素，那么他们将看到我的 800 像素内容居中。如果查看器窗口是 1400 像素宽，他们将看到我的内容距离左侧 400 像素，锁定在那个位置。

您可能会认为这是一个奇怪的问题，确实如此！但它以这种方式工作是我设计中不可或缺的一部分。

Answer 1

将容器元素的max-width 设置为1700px (900 + 400 * 2) 将确保内容与左侧的距离永远不会超过400px，前提是容器本身没有居中。