So entfernen Sie eine horizontale Bildlaufleiste

Question

Ich denke, ich muss CSS 2.1 verwenden, da der Stil Überlauf-x nicht verfügbar ist. Also in dem Code unten habe ich die Überschriften für ein Raster, und die PageLength Id setzt in eine vertikale Bildlaufleiste für den Inhalt des Rasters. Leider legt es auch eine horizontale Bildlaufleiste an, die ich nicht brauche. "overflow-x" funktioniert nicht, also was? Das CSS sieht so aus;

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

Und die Tabelle für das Raster sieht so aus;

<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 - Reaktion für Seite Quelle

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

zu beantragen. . .

Answer 1

Ich denke #pageLength sollte eine feste Breite & Höhe haben.
#PageLength Kinder Knoten sollten nicht überschreiten # pageLength die Breite, beachten Sie CSS Box Model (berücksichtigen Sie Ränder, Paddings & Grenzen), vielleicht sollten Sie eine CSS Reset verwenden).