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{
width:960px;
margin:0 auto;
}
#header{
float: left;
width:100%;
}
#logo{
float: left;
width:200px;
height: 80px;
}
#banner{
float:right;
width: 750px;
}
#banner #left{
float: left;
width:540px;
height: 80px;
}
.nav{
float: left;
height: 10px;
width: 100%;
overflow: hidden;
clear: both;
}
#banner #right{
float: right;
width: 200px;
height: 80px;
}
#menu{
float: left;
width: 100%;
height: 30px;
}
#sidebar{
float: right;
width: 200px;
height: 410px;
}
#sidebar .bar{
float: left;
width: 100%;
height: 130px;
}
#content{
float: left;
width: 750px;
}
#content .left_box{
float: left;
width: 370px;
height: 200px;
}
#content .right_box{
float: right;
width: 370px;
height: 200px;
}
#content .left{
float: left;
width: 200px;
height: 180px;
}#content .right{
float: right;
width: 200px;
height: 180px;
}
#footer{
float: left;
width: 100%;
height: 60px;
}