如何刪除水平滾動條

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）。