2012-06-12 43 views
1

我将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> 
+1

为什么你需要'位置:上'' absolute'?删除它,你应该没问题 –

+0

@ZoltanToth:谢谢,但它不起作用。在调整窗口大小时,标题仍然不能一直延伸到右侧。 – kaboom

+0

似乎工作 - http://jsfiddle.net/wdzhK/ –

回答

0

我有3 jsFiddles,你可以看看,包括EditEdit2HERE

这就是你想要的吗?

1

可以使用min-width属性以应用由DIV所需的最小宽度...

相关问题