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

Question

我将html和body设置为width：100％position：absolute
和页眉，页脚宽度：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>

Answer 1

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

Answer 2

我有 3 jsFiddles ，您可以查看包括Edit和Edit2 HERE。

这就是你想要的吗？