Question

我在这个网站上使用了Sleketon主题。

我想做的是有标题＆amp;页脚“填充”屏幕的所有水平空间，同时使主要内容保持不变。

实际上，我想要的是填充整个屏幕宽度的背景颜色（标题为深蓝色和红色，页脚为深蓝色，红色和绿色线）。我希望内容能够保持原状。

我已经看过其他几个主题，但我无法通过Skeleton主题找到解决方案。

你能帮帮我吗？

由于

编辑：我刚刚意识到我没有添加website url。

Answer 1

如果您已将CSS文件链接起来，则可以按类.header / .footer定位它并添加以下行：width：auto; 我建议添加一个容器/包装器div并将所有内容放入其中。

应该是这样的：

    html, body { margin:0px; padding:0px; }

    .wrapper { margin:auto; width:auto; }

    .header { margin:auto; height:200px; width:auto; background-color:#0000FF; border:1px solid #DF0101; }

    .content{ margin:auto; height:500px; width:800px; }

    .footer { margin:auto; height:100px; width:auto; background-color:#0000FF; border:1px solid #DF0101; border-top:1px solid #3ADF00; border-bottom:1px solid #3ADF00; }

希望这有帮助。

〜杰夫

如何改变标题＆amp;页脚到全宽？

1 个答案: