两列等高

一般两列等高的情况，如果只是背景等高没有太大用处，这样也可以显示出边框

 

html:

<div class="wap"> <div class="box"> <div class="left"> this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content this is left content </div> <div class="right"> this is right content this is right content this is right content this is right content this is right content this is right content this is right content this is right content this is right content this is right content this is right content this is right content this is right content </div> <div class="bdbg"> </div> </div> </div>

 

css:

 

*{ margin:0; padding:0;} .wap{ width:900px; border-bottom:1px solid #f60; position:relative;margin:0 auto; } .box{overflow:hidden; zoom:1; padding-bottom:10px; } .left,.right{ border:1px solid #f60; padding:10px 10px 10000px 10px; margin-bottom:-10000px; width:423px; float:left;} .right{ float:right;} .bdbg{ width:10px; height:10px; position:absolute; bottom:-2px; left:445px; background:#fff;}

 

 

这样就填补了只是背景等高的不足，只是多了标签，也不用图片