百度前端-样式表

三栏式布局.css

*{
   padding:0;
   margin:0;
}
img,div.teampic{
   width:80px;
   height:80px;
}
body,
#main,
.teamleft,
.teambody,
.teamright,
.teampic{
   padding:20px;
   border:1px solid #999;
}
body{
   position:absolute;
   top:0;bottom:0;
   left:0;right:0;
}
#main{
   background:#eee;
   position:absolute;
   top:21px;bottom:0;
   left:21px;right:21px;
}
div.teamleft{
   background:#fff;
   width:160px;
   position:absolute;
   top:21px;left:21px;
}
div.teamname{
   position:absolute;
   top:21px;right:21px;
}
div.teamname>h3{
   text-align:center;
}
div.teambody{
   position:absolute;
   top:21px;left:241px;
   right:160px;
}
div.teamright{
   position:absolute;
   top:21px;right:21px;
   bottom:21px;
   width:80px;
   background:#fff;
}
div.teampic{
   background:#eee;
   padding:0;
   margin-bottom:20px;
}
div.teamleft div.teampic,
div.teamright div.teampic:last-of-type{
   margin-bottom:0;
}