用CSS实现三列DIV等高布局以传达更好的视觉效果

<div id="contaer">
<div id="left">
<p>左侧</p>
<p>左侧</p>
<p>左侧</p>
<p>左侧</p>
<p>左侧</p>
</div>
<div id="center">
<p>中间</p>
<p>中间</p>
<p>中间</p>
<p>中间</p>
<p>中间</p>
<p>中间</p>
<p>中间</p>
<p>中间</p>
<p>中间</p>
</div>
<div id="right">
<p>右侧</p>
<p>右侧</p>
<p>右侧</p>
</div>
</div>

#contaer{ overflow:hidden; width:1024px; marg:0 auto; }
#left, #center, #right { marg-bottom:-1000px; paddg-bottom:1000px; }
#left { float:left; width:200px; background:#c; }
#center { float:left; width:400px; background:#bbeeeb; }
#right { float:right; width:200px; background:#555; }