css等高布局

方法主要是采用“隐藏容器溢出”、“正内补丁”和“负外补丁”结合的方法实现的。

*{
 margin:0;
 padding:0;
}
#wrap{
 overflow:hidden;//隐藏容器溢出
 width:1000px;
 margin:0 auto;
}
#left,#center,#right{
 margin-bottom:-10000px;
 padding-bottom:10000px;
}
#left{
 float:left;
 width:250px;
 background:#EA0;
 }
#center{
 float:left;
 width:500px;
 background:#FF6600;
 }
#right{
 float:right;
 width:250px;
 background:#0000AA;
 }

<div id="header">#header</div>

<div id="wrap">

<div id="left"></div>

<div id="center"></div>

<div id="right"></div>

</div>

<div id="footer">#footer</div>