使用overflow：auto时不能隐藏滚动条 [英] can't hide scrollbar when using overflow: auto

问题描述

我有这个CSS：

  .div {
 background-color：red; 
职位：亲属; 
 height：414px; 
溢出：auto; 
 width：902px; 
 margin：0px auto; 
} 
  

我试着用 overflow-y：hidden; ，滚动条消失，但滚动不起作用。希望你明白我想要什么...
另外，我应该使用自动还是滚动？有了auto，我也能看到水平条。

这里是JSFiddle： http：/ /jsfiddle.net/sp95S/

Thanks！

解决方案

创建内部div： http://jsfiddle.net/sp95S/1/

  .div {
 background-color：red; 
职位：亲属; 
 height：214px; 
 overflow：hidden; 
 width：452px; 
 margin：0px auto; 
} 
 #inner {
 width：100％; 
溢出：auto; 
身高：100％; 
 padding-right：15px; 
} 
  

I have this CSS:

.div {
    background-color: red;
    position: relative;
    height: 414px;
    overflow: auto;
    width: 902px;
    margin: 0px auto;
}

I tried with overflow-y: hidden;, scrollbar disappear but scroll isn't working. Hope you understand what I want... Also, should I use auto or scroll? With auto I see horizontal bar too.

Here is JSFiddle: http://jsfiddle.net/sp95S/
Thanks!

解决方案

Create an inner div: http://jsfiddle.net/sp95S/1/

.div {
    background-color: red;
    position: relative;
    height: 214px;
    overflow: hidden;
    width: 452px;
    margin: 0px auto;
}
#inner{
    width: 100%;
    overflow: auto;
    height: 100%;
    padding-right: 15px;
}

这篇关于使用overflow：auto时不能隐藏滚动条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！