滚动条让屏幕更大

Question

我有一些div，我希望当我得到更大的屏幕（CTRL +）滚动条出现在页面底部和divs STAYS行内块，我在这里的代码（http://fiddle.jshell.net/JNzFp/ ），你可以看到当你看到屏幕时，更大的滚动条出现在div下，我希望它显示在整个屏幕的底部。

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

设置的空白，填充你的需要。