水平スクロールバーを削除する方法

Question

スタイルオーバーフローxが利用できないため、CSS 2.1を使用している必要があります。 下のコードではグリッドの見出しがあり、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> 

*** EDIT - ページのソース

<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を使用する必要があります）。