CSS設置瀏覽器邊緣的最大距離

Question

我已將我的網站內容放在800像素寬的div內，我希望div在頁面中居中，直到瀏覽器窗口寬度超過一定距離。此時，我希望內容「鎖定」到位，而不是繼續居中，從左邊緣保持固定的數量。

例如，如果觀看者窗口寬度爲900px，那麼他們會看到我的800px內容居中。如果觀看者窗口寬度爲1400px，他們會從左側看到我的內容爲400px，並鎖定在該位置。

你可能會認爲這是一個奇怪的問題要問，這是！但對於我的設計來說，這是相當不可或缺的。

Answer 1

將容器元素的max-width設置爲​​（900 + 400 * 2）將確保內容不超過距離左側的400px，前提是容器本身不居中。