CSS Div固定在网页顶部、底部、左侧、右侧

Div固定在网页顶部、底部、左侧、右侧

　　Div固定在网页顶部

.header {
    width:100%;
    height:80px;
    background-color:#FAFAFA;
    position:fixed; 
    top:0;
    left:0;
    z-index:99;
}

 

　　Div固定在网页底部

.footer {
    width:100%;
    height:50px;
    line-height:50px;
    background-color:#3394c7;
    position:fixed;
    bottom:0px;
    left:0px;
}

 

　　Div固定在网页左侧

.leftNav {
    height:auto;
    background-color:#333;
    position:fixed;
    z-index:2;
    left:0px;
    top:80px;
    bottom:50px;
}

 

　　Div固定在网页右侧

.rightNav {
    height:auto;
    background-color:#333;
    position:fixed;
    z-index:2;
    rigth:0px;
    top:80px;
    bottom:50px;
}

 

先这样。以后遇到再说吧。