滚动条让屏幕更大
我有一些div,我希望当我得到更大的屏幕(CTRL +)滚动条出现在页面底部和divs STAYS行内块,我在这里的代码(http://fiddle.jshell.net/JNzFp/ ),你可以看到当你看到屏幕时,更大的滚动条出现在div下,我希望它显示在整个屏幕的底部。滚动条让屏幕更大
我认为你最好的选择只是删除white-space: nowrap;
,这样你的菜单自然会在动物园时自动换行,就像响应式设计那样。
正如我所说的,我希望它保持在同一行(相互靠近) – 2013-05-13 19:14:09
试试下面的代码创建菜单:根据
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;
}
设置的空白,填充你的需要。
你没有简单的代码改变? – 2013-05-13 19:15:10
探索,学习,适应,发展。 – 2013-05-13 19:21:44
请分享一些更多的信息,分享您在此使用的CSS和HTML吗? – 2013-05-13 18:48:50
你可以在网站上看到代码.. http://fiddle.jshell.net/JNzFp/ – 2013-05-13 18:57:31
在菜单中使用'position:fixed'时,不幸的是菜单变得比视。如果你不想在菜单上滚动滚动条,你必须改变为'overflow:visible'。 – 2013-05-13 19:17:01