怎样用div+css来统一所有页面的页眉与页脚

html-css022

怎样用div+css来统一所有页面的页眉与页脚,第1张

比如css文件里设置了

.top{

    position:absolute

    top:0px

    width:940px

    height:40px

    background-color:#c0c0c0

}

.bottom{

    position:absolute

    bottom:0px

    width:940px

    height:40px

    background-color:#0c0c0c

}

呢么在页面代码中首先在head引用一下该css，比如名字为demo.css

<link href="demo.css" rel="stylesheet" type="text/css" /><!--假设页面和css文件在一个目录-->

然后在页面的top使用div

<div class="top">Something</div>

在页面的bottom使用div

<div class="bottom">Something</div>

在WebBrowser-Web浏览器上面，进入"文件"中的“打印设置” (IE7叫"页面设置“)，把在Header和Footer栏中的字符删掉就可以了(如Header栏中的&w&bPage &p of &P)。