我的网站内容在一个800px宽的div中,我希望该div在页面上居中,直到浏览器窗口宽度超过一定距离。在这一点上,我希望内容“锁定”到位而不是继续居中,从左边缘保持固定数量。
例如,如果观看者窗口宽度为900px,那么他们将看到我的800px内容居中。如果观看者窗口宽度为1400px,他们将从左侧看到我的内容400px,锁定在该位置。
您可能会认为这是一个奇怪的问题,而且确实如此!但这对我的设计来说是相当不可或缺的,因为它以这种方式工作。
答案 0 :(得分:1)
将容器元素的max-width
设置为1700px
(900 + 400 * 2)将确保内容远离左侧400px
,前提是容器是没有居中。