2013-07-19 65 views
-2

创建一个导航栏,并在firefox中看起来不错,然后看到,在铬和ie的一个滚动条。我怎样才能设置导航,使其不滚动条?删除div div的滚动条

<header> 
<div id="wrapper"> 
<div class="nav"> 
<div><a href="index.html"><img width="103px" border="0" height="24" src="nav-01_over.gif"></a></div> 
<div><a href="company.html"><img src="nav-02.gif" width="103px" border="0" height="24"></a></div> 
<div><a href="products.html"><img src="nav-03.gif" width="103px" border="0" height="24"></a></div> 
<div><a href="solutions.html"><img src="nav-04.gif" width="103px" border="0" height="24"></a></div> 
<div><a href="investors.html"><img src="nav-05.gif" width="103px" border="0" height="24"></a></div>   
</div> 
</header> 

header { 
width:800px; 
margin-left:auto; 
margin-right:auto; 
padding-top:-7px; 
margin-top:-8px; 
} 

.nav { 
width:600px; 
line-height:0px; 
margin-left:auto; 
margin-right:auto; 
} 

.nav div { 
display:block; 
float:left; 
width:20%; 
padding:0px; 
margin:0px; 

.nav img a { 
padding-right:10px; 
} 
+0

也许加上'溢出:隐藏;'到被滚动的东西? –

+0

可能的重复:http://stackoverflow.com/questions/12238036/html-css-how-do-i-completely-remove-the-scroll-bars-on-the-side-of-div?rq=1 – tborychowski

回答

3

通过改变CSS和添加:

overflow: hidden; 
2

的CSS overflow-y:hidden添加到任何滚动。它会隐藏垂直滚动条。如果它是水平的,则使用overflow-x: hidden

6

在你的CSS,使用overflow:hidden

.nav div { 
    display:block; 
    float:left; 
    width:20%; 
    padding:0px; 
    margin:0px; 
    overflow:hidden 
} 

此外,您.nav div缺少一个右括号

0
$(function() { 
    $("#draggable").draggable();//drag out of window 
    $("#draggable").draggable({ containment: "window"}); 
}); 
+0

这不是CSS,甚至不清楚OP是否安装了jQuery或类似的项目。 – PaulProgrammer