Jak mieć tylko pionowy pasek przewijania na div

Question

Mam tabelę, która jest w div. Długość stołu może się różnić i używam elementu div do wymuszenia wysokości.

<div id='CamListDiv'> 
<table> 
    <thead> 
     <th><input type='checkbox' id='selectAll'/></th> 
     <th>Local Camera List</th> 
    </thead> 
    <tbody> 
     <tr><td>//camera 1 data //</td></tr> 
     <tr><td>...</td></tr> 
     <tr><td>//camera x data //</td></tr> 
    </tbody> 
</table> 
</div> 

CSS 
#CamListDiv { 
    height: 340px; 
    float: left; 
    overflow: auto; 
    overflow-y: hidden; 
} 

Mój problem jest wtedy, gdy potrzebna jest pionowy pasek przewijania, przestrzeń zajmuje powoduje poziomy pasek przewijania się pojawiać. Nie potrzebuję poziomego paska przewijania i próbowałem użyć właściwości css overflow-y: hidden;, aby ją ukryć, ale powoduje to ukrywanie obu pasków przewijania.

Czy ktoś wie, dlaczego overflow-y:hidden; nie działa zgodnie z oczekiwaniami lub jak powstrzymać poziomy pasek przewijania przed widocznością?

Answer 1

Ukrywasz pionowy pasek przewijania, a nie poziomy.

Zmień overflow-y: hidden; do overflow-x: hidden;

---

Herezje quick demo

Dodałem zawartość przewyższa wysokość i div o szerokości większej niż 340px wewnątrz #CamListDiv. Treść można przewijać tylko pionowo.

Answer 2

Można użyć przepełnieniem-y, który przychodzi w CSS2, zobacz here

Answer 3

Nawiasem mówiąc właściwość overflow-y nie działa poprawnie w IE8 i wcześniej. http://www.w3schools.com/cssref/css3_pr_overflow-y.asp

Spróbuj ustawić styl = "szerokość: 100%;" do tabeli wewnątrz div, która powinna ukryć poziomy pasek, ponieważ nie będzie większy niż jego kontener.