垂直滚动条可见但不起作用CSS

Question

滚动条可见，但不起作用。下面是CSS代码显示段落：

CSS：

outer { 
    width: 100%; 
    max-height: 400px; 
    margin: 60px auto 0; 
    overflow-x: hidden; 
    overflow-y:auto; 
    line-height: 20px; 

    p { 
     margin: 0 auto; 
     padding-right: 20px; 
    } 
} 

HTML：

<div class="outer"> 
    <p> long text.... <p> 
</div> 

Answer 1

PLZ检查你的CSS

.outer { width: 100%; max-height: 400px; margin: 120px;overflow-x: hidden;overflow-y:auto; line-height: 20px; } 

p { margin: 0 auto;padding-right: 20px;} 

Answer 2

看一看

.outer {  width: 100%; 
 
    max-height: 400px; 
 
    margin: 0; 
 
    overflow-x: hidden; 
 
    overflow-y: auto; 
 
    line-height: 20px; 
 
    background: #ccc; 
 
} 
 

 
p { margin: 0 auto;padding-right: 20px;}

<div class="outer"> 
 
\t <p>Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:</p> 
 
</div>

Answer 3

此代码是在我的本地机器做工精细：

.outer {  
    width: 100%; 
    max-height: 400px; 
    margin: 0; 
    overflow-x: hidden; 
    overflow-y: auto; 
    line-height: 20px; 
    background: #ccc; 
} 

p { margin: 0 auto;padding-right: 20px;} 

<div class="outer"> 
    <p>pls place scroll content here</p> 
</div>