div+css网页布局分享

1：构建一个兼容性强的表格布局

　　a.一行两列布局

<div class="table">
　　<ul class="row">
    　　<li class="column"></li>
    　　<li class="column"></li>
　　</ul>
      <ul class="row">
    　　<li class="column"></li>
    　　<li class="column"></li>
　　 </ul>
</div>

 body { width:900px;margin:1em auto;font:12px/1.5 arial,sans-serif; }
      ul,h3,h2 { margin:0;padding:0; }
      li { list-style:none;}
      img { border:none; }
      /*----------------------------------------------*/

      .table { letter-spacing:-0.31em;*letter-spacing:normal;word-spacing:-0.43em; }
      .table li { display:inline-block;*display:inline;zoom:1;width:50%;margin-top:20px;vertical-align:top;word-spacing:normal;letter-spacing:normal;  }
  

　　以此为扩展，可以进行N列布局