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

我将html和正文设置为宽度：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>

html，正文{
身高：100%；
宽度：100%；
}
正文{
位置：绝对位置；
字体系列：Helvetica、Garamond、serif；
保证金：0；
}
#页脚{
位置：相对位置；
利润上限：-150px；
}
#页眉，#页脚{
保证金：0；
宽度：100%；
}
#标题{
高度：100px；
}

我有3个jsfiddle您可以查看，包括

Edit

和

Edit2

---

这就是你想要的吗？

我有3个jsfiddle你可以查看，包括

Edit

和

Edit2

---

这就是您想要的吗？

您可以使用

minwidth

属性来应用div所需的最小宽度。

您可以使用

minwidth

属性来应用div所需的最小宽度。

为什么需要

上的
位置：绝对
？移除它，您应该fine@ZoltanToth：谢谢，但它不起作用。当我调整窗口大小时，标题仍然没有一直向右延伸。似乎可以工作-为什么需要
位置：绝对
打开
？移除它，您应该fine@ZoltanToth：谢谢，但它不起作用。当我调整窗口的大小时，标题仍然没有一直向右延伸。似乎有效-