如何删除水平滚动条

Question

我想我必须使用CSS 2.1，因为样式overflow-x不可用。 所以在下面的代码中，我有一个网格的标题，pageLength Id放入一个垂直滚动条的网格内容。不幸的是，它也放入了一个水平滚动条，我不需要。 “overflow-x”不起作用，那么是什么呢？ 该CSS看起来像;

#pageLength 
{ 
    height: 400px; 
    overflow:auto; 
} 

而网格的表格看起来像这样;

<table > 
    <tr> 
     <th> 
      Date 
     </th> 
     <th> 
      Morning Only 
     </th> 
     <th> 
      Afternoon Only 
     </th> 
     <th> 
      Approved 
     </th> 
     <th> 
      Cancel? 
     </th> 
    </tr> 
    <tbody id="pageLength"> 
    <%: Html.EditorForModel()%> 
    </tbody> 
</table> 

***编辑 - 响应请求页面源

<table> 
    <tr> 

     <th> 
      Date 
     </th> 
     <th> 
      Morning Only 
     </th> 
     <th> 
      Afternoon Only 
     </th> 
     <th> 

      Approved 
     </th> 
     <th> 
      Cancel? 
     </th> 
    </tr> 
    <tbody id="pageLength"> 

    <tr> 
     <td> 
      Wed, December 8, 2010 
     </td>    
     <td align="center"> 

      No 
     </td> 
     <td align="center"> 
      No 
     </td> 
     <td align="center"> 
      No 
     </td> 
     <td align="center"> 
      <input name="[0].CancelFlag" type="checkbox" value="true" /><input name="[0].CancelFlag" type="hidden" value="false" /> 

      <input name="[0].AnnualLeaveBookedId" type="hidden" value="36" /> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Wed, December 15, 2010 
     </td>    
     <td align="center"> 
      No 
     </td> 

     <td align="center"> 
      No 
     </td> 
     <td align="center"> 
      No 
     </td> 
     <td align="center"> 
      <input name="[1].CancelFlag" type="checkbox" value="true" /><input name="[1].CancelFlag" type="hidden" value="false" /> 
      <input name="[1].AnnualLeaveBookedId" type="hidden" value="37" /> 
     </td> 

    </tr> 

。 。 。

Answer 1

我觉得#pageLength的高度应该是固定宽度&。
此外，#pageLength子节点不应超过#pageLength的宽度，请注意CSS Box Model（考虑边距，填充&边框），也许您应该使用CSS Reset）。