网站建设过程中DIV等高布局，相信大多数人都有碰到过，本人也看过不少方法，有通过背景图片，实现假象的等高效果；也有通过js实现的，总之方法挺多的，但是如果用纯CSS实现呢，废话少说，直接上代码：

html代码：

<div id=”wrap”>
  <div id=”samp1″>
    <p>111</p>
    <p>222</p>
    <p>4444</p>
    <p>555</p>
    <p>333</p>
  </div>
  <div id=”samp2″>
    <p>aaa</p>
    <p>bbbb</p>
    <p>ccccccc</p>
    <p>dddddd</p>
    <p>eee</p>
    <p>fffffff</p>
    <p>h</p>
    <p>aaa</p>
    <p>bbbb</p>
    <p>ccccccc</p>
    <p>dddddd</p>
    <p>eee</p>
    <p>fffffff</p>
    <p>h</p>
    <p>aaa</p>
    <p>bbbb</p>
    <p>ccccccc</p>
    <p>dddddd</p>
    <p>eee</p>
    <p>fffffff</p>
    <p>h</p>
  </div>
  <div id=”samp3″>
    <p>one</p>
    <p>two</p>
    <p>three</p>
    <p>four</p>
    <p>five</p>
  </div>
</div>
 

CSS代码：

<style type=”text/css”>
body, p, ul { margin:0; padding:0; }
#wrap { overflow:hidden; width:980px; margin:0 auto; }
#samp1, #samp2, #samp3{ margin-bottom:-10000px; padding-bottom:10000px; }
#samp1{ float:left; width:200px; background:#00FFFF; }
#samp2{ float:left; width:600px; background:#FF0000; }
#samp3{ float:right; width:180px; background:#00FF00; }

如果有更好的方法，欢迎提出来！