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列布局