上中下布局是最基本的布局方式,本例假设用户屏幕分辨率为800*600像素。
/p>
"/TR/html4/strict.dtd">
上中下布局
body{
background: #42413C ;
margin: 0;/*消除body中的留白*/
padding: 0;
text-align: center;
}
.container{
width: 778px;
background: #FFF;
margin: 0 auto;/*侧边的自动值与宽度结合使用,可以将布局居中对齐*/
text-align: left;
}
.header{
padding: 10px 0;
background: #ADB96E;
}
.content{
padding: 10px 0;
}
.footer{
padding: 0px;
background: #CCC49F;
}