DIV 排版 例子

<style type="text/css">
 #expertAnswer
 		{
			width:60%;
			background:#fff;
			margin:auto;
			text-align:left;
		}
		.inner {
			width:100px;
			height:100px;
			margin:5px; 
			border:0px solid #eee;
		}
		* html .inner {display:inline}/* for ie*/
		html>body #outer {display:table}/*for mozilla */
		html>body .inner {display:table;float:left}/*for mozilla */
		@media all and (min-width: 0px){/* opera 7 styles */
			html>body .inner {display:inline-block;float:none;}
		}
</style>

 <td width="49%" valign="top">
                      <!-- 专家答疑 分类 以及 问题总数 start -->
                     
                      <table width="100%" border="0" cellpadding="5" cellspacing="10" >
                        <tr>
                          <td>
                          <div id="expertAnswer" style="width:100%">
                          
                          <ww:iterator value="#session['EXPERT_ANSWER_SORT']">
                          	<div class="inner" style="height:35px;width:150px;background-color:#EAFCFD">
                          	<a href="<%=path %>/WebPage/expert/queryYesAnswerQuestion.action?sortId=<ww:property value="sortId" />&currTab=<ww:property value="currTab" />" class="newstitle2">
                          		<span class="text_title03"> · </span>
									<ww:property value="sortName" />
								</a>
                          		<span class="text_jieshao">
                          			(<ww:property value="sortCount" />)
                          		</span>
                          	</div>
                          </ww:iterator>
                          
                          </div>
                          </td>