当前位置：首页 → 问答吧 → 求助！用DIV实现自动显示滚动条，可是横轴数据变多的时候滚轴的右边就显示不出来了！

求助！用DIV实现自动显示滚动条，可是横轴数据变多的时候滚轴的右边就显示不出来了！

时间：2005-01-27

来源：互联网

求助！用DIV实现自动显示滚动条，可是横轴数据变多的时候滚轴的右边就显示不出来了！在线等！请高手帮忙解决一下！谢谢！

代码如下--------------------！

<body style="overflow-x:hidden;overflow-y:hidden">
<table width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0">
  <tr>
<td valign="top">

<div style="overflow:auto; width:100%; height:100%;">
   <table width="105%"  border="0" cellspacing="0" cellpadding="0" class="customerinfo_table">
      <tr>

         <c:if test="${queryType eq '1'}">
         <td width="12%" rowspan="3" align="center" valign="middle" class="td_color">
            公  司
         </td>
         </c:if>
         <c:if test="${queryType eq '2'}">
         <td width="12%" rowspan="3" align="center" valign="middle" class="td_color">
            部  门
            </td>
         </c:if>
         <c:if test="${queryType eq '3'}">
         <td width="12%" rowspan="3" align="center" valign="middle" class="td_color">
            人  员
            </td>
         </c:if>
         <c:if test="${queryType eq ''}">
               <td width="12%" rowspan="3" align="center" valign="middle" class="td_color"> 公司/部门/人员 </td>
               <td height="24" colspan="6" align="center" class="detail_title_bj">一　类　烟</td>
            </tr>
            <tr>
               <td height="20" colspan="3" align="center" class="td2_color"> 数　量</td>
               <td colspan="3" align="center" class="td2_color"> 金　额</td>
            </tr>
            <tr>
               <td align="center" class="td_color"> 计划 </td>
               <td align="center" class="td_color"> 完成 </td>
               <td align="center" class="td_color"> 完成率 </td>
               <td align="center" class="td_color"> 计划 </td>
               <td align="center" class="td_color"> 完成 </td>
               <td align="center" class="td_color"> 完成率 </td>
            </tr>
            <tr>
               <td align="center">合计: </td>
               <td align="center" colspan="6"> </td>
            </tr>

         </c:if>

      <c:forEach var="index" items="${indexs}">
         <td height="24" align="center" colspan="<c:out value='${index[1]*contSize}'/>"  class="detail_title_bj">
            <c:out value="${index[0]}"/>
         </td>
      </c:forEach>
      </tr>
      <tr>
      <c:forEach var="planContArr" items="${planContObj}">
         <c:forEach var="planCont" items="${planContArr}">
            <td height="20" align="center" colspan="<c:out value='${contSize}'/>" class="td2_color">
            <c:out value="${planCont}"/>
            </td>
         </c:forEach>
      </c:forEach>
      </tr>
      <tr>
      <c:forEach var="planContArr" items="${planContObj}">
         <c:forEach var="planCont" items="${planContArr}">
         <td height="20" align="center" class="td_color"> 计划 </td>
         <td align="center" class="td_color"> 完成 </td>
         <c:if test="${displayRate eq '1'}">
            <td align="center" class="td_color"> 完成率 </td>
         </c:if>
         <c:if test="${displayBalance eq '1'}">
            <td align="center" class="td_color"> 差额 </td>
         </c:if>
         </c:forEach>
      </c:forEach>
      </tr>

         <c:forEach var="hashtable" items="${list}">
         <tr>
            <td align="center">
            <c:out value="${hashtable.PLAN_OBJ_NAME}"/>
            </td>
            <c:set var="planResultArr" value="${hashtable.PLAN_RESULT}"/>
            <c:forEach var="planResult" items="${planResultArr}">
               <td align="center">
                  <c:out value="${planResult[2]}"/>
               </td>
               <td align="center">
               <c:out value="${planResult[3]}"/>
               </td>
               <c:if test="${displayRate eq '1'}">
               <td align="center">
                  <c:out value="${planResult[4]}"/>
               </td>
               </c:if>
               <c:if test="${displayBalance eq '1'}">
               <td align="center">
                  <c:out value="${planResult[5]}"/>
               </td>
               </c:if>
            </c:forEach>
         </tr>
      </c:forEach>

   </table>
</div>

</td>
  </tr>
</table>
</body>

图片效果如下-------------------------！

作者: bisonjob 发布时间: 2005-01-27

width 不该弄成百分比.
你的代码贴过来,乱七.

作者: weihai365 发布时间: 2005-01-30

DIV的width,height设置为像素值，然后设置style="overflow:auto"就可以了。

作者: zmm 发布时间: 2005-01-31