Head/Content/Foot布局，foot始终在底部

#header{
    position:absolute;
    top:0;
    width:100%;
    height:100px;
    background:#ccc;
    line-height:100px;
    text-align:center;
}
#middle{
    position: absolute!important;
    position: relative;
    top:100px!important;
    top:0;
    bottom:100px;
    width:100%;
    height:auto!important;
    height:100%;
    background:#ffc;
    text-align:center;
    overflow: auto;
}
#footer{
    position:absolute;
    bottom:0;
    width:100%;
    height:100px;
    background:#ccc;
    line-height:100px;
    text-align:center;
}


找了好久，才找到。

评论

1 楼 xrealize 2009-02-06  

很好,现在正要用这个,谢谢分享了.