无标题文档
#header{
width:780px;height:80px;background:#069;margin:0 auto;
}
#box {
width:780px; margin:0 auto; border:10px solid #000;border-radius:38px;
}
#left {
width:180px;height:300px;background:#f90;float:left;
}
#center {
width:500px;height:400px;background:#63f;float:left;
}
#right {
width:100px;height:300px;background:#c00;float:left;
}
#footer {
width:780px;height:50px;background:#0c0;margin:0 auto;
}
/*清除浮动,让box自适应高度,主要box没有设置height*/
.clear {clear:both;}
1
2
3
4
chrome中的效果: