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

Question

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

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

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

Answer 1

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