调整窗口大小时页眉页脚的固定宽度答案

【问题标题】：fix-width for header footer when resizing window调整窗口大小时页眉页脚的固定宽度
【发布时间】：2012-06-12 13:10:57
【问题描述】：

我将 html 和 body 设置为宽度：100% 位置：绝对
和页眉、页脚宽度：100%。

所以当我调整窗口大小时，页眉页脚也会调整大小。如何使它们具有固定宽度，即窗口的最大宽度？？？特别是在调整大小后，页眉页脚不会一直向右延伸

非常感谢您的帮助

<pre>
    html, body {
    height: 100%;
    width: 100%;
    }

    body {   
        position: absolute;  
        font-family: Helvetica, Garamond, serif;  
        margin: 0 0 0 0;
    }

    #footer {
        position: relative;
        margin-top: -150px;
    }

    #header, #footer {
        margin: 0 0 0 0;
        width: 100%;
    }

    #header {
        height: 100px;
    }

</pre>

【问题讨论】：

为什么在<body> 上需要position: absolute？删除它，你应该没事
@ZoltanToth：谢谢，但它不起作用。当我调整窗口大小时，标题仍然没有一直向右延伸。
似乎工作 - jsfiddle.net/wdzhK

标签： html css header footer

【解决方案1】：

您可以使用min-width 属性来应用 div 所需的最小宽度...

【讨论】：

【解决方案2】：

我有 3 个 jsFiddles 你可以看看，包括 Edit 和 Edit2 HERE。

这是你想要的吗？

【讨论】：