15、学习《细说PHP》笔记十五

第四章：DIV+CSS简单页面布局——综合实训

 layout.css

body{
margin:0;
padding: 0;
text-align: center;
font:12px Arial,宋体;
}
.border{
border:1px solid #888;
}
.bgcolor{
background: #DDD;
}
#container{
960px;
margin:0 auto;
}
#header{
float: left;
100%;
}
#logo{
float: left;
200px;
height: 80px;
}
#banner{
float:right;
750px;
}
#banner #left{
float: left;
540px;
height: 80px;
}
.nav{
float: left;
height: 10px;
100%;
overflow: hidden;
clear: both;
}
#banner #right{
float: right;
200px;
height: 80px;
}
#menu{
float: left;
100%;
height: 30px;
}
#sidebar{
float: right;
200px;
height: 410px;
}
#sidebar .bar{
float: left;
100%;
height: 130px;
}
#content{
float: left;
750px;
}
#content .left_box{
float: left;
370px;
height: 200px;
}
#content .right_box{
float: right;
370px;
height: 200px;
}
#content .left{
float: left;
200px;
height: 180px;
}#content .right{
float: right;
200px;
height: 180px;
}
#footer{
float: left;
100%;
height: 60px;
}