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

时间:2009-10-22 15:15:47

标签: html css

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

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

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

1 个答案:

答案 0 :(得分:1)

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