Question

我有一些div并且我希望当我将屏幕变大（CTRL +）时，滚动条出现在页面底部并且div为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;
}

根据您的需要设置保证金，填充。

滚动栏让屏幕更大

2 个答案: