http - 宽度大于 1280 像素时的侧边填充

Question

我想创建一个网站，将所有宽度（可用空间）小于或等于 1280 像素的页面宽度填充到 100%，并且对于所有大于 1280 的宽度，应该出现两个填充侧栏（如下所示：|fill|website|fill|） .

（如何）我可以在没有脚本的情况下做到这一点吗？（通过使用CSS设置？）

Answer 1

你可以使用这样的东西：

#content {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}

那是指应用于div具有所有页面内容的样式的样式。

您的“侧边栏”将是任何背景body。

Answer 2

你想要“填充”位中的内容，还是只是一个边框类型的东西？如果只是一个边框，您可以使用背景图像/颜色来制作填充效果，并在主要内容位上使用 max-width。请注意，如果这对您很重要，它在 IE6 中不起作用。

<div style="max-width: (bar width * 2) + 1280">

    <div style="max-width: 1280px">

        <!-- content -->

    </div>

</div>