Переполнение, не содержащее содержимое div

Question

немой вопрос, потому что я знаю, что должен знать ответ, но я просто не могу думать об этом на данный момент, поэтому мне нужна помощь.

У меня есть фиксированная ширина и фиксированная высота, все центрировано, оно выглядит необычно. Это будет динамический счетчик, поэтому мне нужно отображать только один номер в списке. Переполнение элементов списка из родительского контейнера, хотя у меня есть overflow-y, установленный на none. Код ниже; Может кто-нибудь помочь мне исправить мою проблему переполнения? Примечание: Я использую самозагрузку 3,0

HTML

<div class='container'> 
     <div id='odometer'> 
      <div class='col-xs-3 odo'> 
      <ul class='odo-number'> 
       <? 
        for($i = 0; $i < 10 ; $i++){ 
         print "<li>$i</li>"; 
        } 
       ?> 
      </ul> 
      </div> 
      <div class='col-xs-3 odo'> 
      <ul class='odo-number'> 
       <? 
        for($i = 0; $i < 10; $i++){ 
         print "<li>$i</li>"; 
        } 
       ?> 
      </ul> 
      </div> 
      <div class='col-xs-3 odo'> 
      <ul class='odo-number'> 
       <? 
        for($i = 0; $i < 10; $i++){ 
         print "<li>$i</li>"; 
        } 
       ?> 
      </ul> 
      </div> 
      <div class='col-xs-3 odo'> 
      <ul class='odo-number'> 
       <? 
        for($i = 0; $i < 10; $i++){ 
         print "<li>$i</li>"; 
        } 
       ?> 
      </ul> 
      </div> 
     </div> 
    </div> 

CSS

#odometer{ 
    margin: 0 auto !important; 
    width: 400px; 
    overflow-y: none; 
} 
#odometer .odo{ 
    width: 100px; 
    margin-left: 0; 
    margin-right: 0; 
    padding-left: 0; 
    padding-right: 0; 
    height: 137px; 
    overflow: none; 

} 
.odo-number{ 
    float: left; 
    list-style: none; 
    text-align : center; 
    margin-left: 0; 
    margin-right: 0; 
    padding-left: 0; 
    padding-right: 0; 

} 
.odo-number:nth-child(-n+1){ 
    width: 99px; 
    border-right: 1px solid #AAAAAA; 
} 
.odo-number li{ 
    width: 100%; 
    font-size: 96px; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2f2f2f), color-stop(.5, #1e1f1f), color-stop(.51, #0c0c0c), to(#000)); 
    color: #fff; 
} 

Answer 1

'никто' не является допустимым значением для свойства переполнения. Попробуйте изменить его на:

overflow-y: hidden;