Полоса прокрутки при получении экрана больше

Question

У меня есть некоторые div и я хочу, чтобы, когда я получу экран больше (CTRL +), полоса прокрутки появится в нижней части страницы, а встроенный блок divs STAYS, у меня есть код здесь (http://fiddle.jshell.net/JNzFp/), и, как вы можете видеть, когда вы получаете экран, более широкая полоса прокрутки появляется под разделителями, и я хочу, чтобы она отображалась в нижней части экрана.

Answer 1

Я думаю, что ваш лучший вариант - это просто удалить white-space: nowrap;, чтобы ваше меню, естественно, было обернуто в зоопарк, как это сделал бы отзывчивый дизайн.

Answer 2

Попробуйте следующий код для создания меню:

HTML

<div id="main"> 
<div class="main-navigation"> 
    <div id="clubbmenu" class="menu-top-meniu-container"> 
     <ul id="menu-top-meniu" class="menu"> 
      <li><a href="#">Description</a></li> 
      <li><a href="#">Shippings and Payments</a></li> 
      <li><a href="#">Seller Information</a></li> 
      <li><a href="#">Feedback</a></li> 
     </ul> 
    </div> 
</div><!-- end .main-navigation -->   

CSS

#main { 
    padding-top: 10px; 
    height: 48px; 
    clear: both; 
    width: 981px; 
    margin: 0px auto 8px auto; 
} 

.main-navigation { 
    width: 975px; 
    position: relative; 
    margin: 0 auto; 
    zoom: 1; 
} 

#clubbmenu { 
    zoom: 1; 
} 

#clubbmenu > ul { 
    margin: 0px; 
    padding: 0; 
    position: relative; 
} 

#clubbmenu > ul > li { 
    float: left; 
    position: relative; 
    list-style: none; 
    margin-left: 7px; 
    padding: 0; 
} 

#clubbmenu > ul > li > a { 
    text-transform: uppercase; 
    text-decoration: none; 
    display: block; 
    padding: 8px 30px 8px 30px; 
    font-size: 17px; 
} 

Set маржу, отступы в соответствии с вашими необходимо.