HTML：如何为长段创建仅具有垂直滚动条的DIV？

我想在我的网站上显示条款和条件说明。我不想使用文本字段，也不想使用我的整个页面。我只想在选定区域中显示我的文本，并且只想使用垂直滚动条向下浏览所有文本。

目前，我正在使用此代码：

<div style="width:10;height:10;overflow:scroll" >
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
</div>

两个问题：

1. 在出现所有文本之前，它不会固定宽度和高度以及展开。
2. 其次，它显示水平滚动条，我不想显示它。

使用overflow-y。此属性是CSS 3。

要隐藏水平滚动条，可以将overflow-x设置为hidden，如下所示：

overflow-x: hidden;

你需要指定width和height在px：

width: 10px; height: 10px;

另外，您可以使用overflow: auto;来防止显示水平滚动条。

因此，您可能需要尝试以下方法：

<div style="width:100px; height:100px; overflow: auto;" >
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
</div>

先谢谢你

使用overflow:auto它对我有用。

水平滚动条消失。

无论如何设置overflow-x为hidden，我都希望设置max-height为限制div高度的扩展。您的代码应如下所示：

overflow-y: scroll;
overflow-x: hidden;
max-height: 450px;

要在div中显示垂直滚动条，您需要添加

height: 100px;   
overflow-y : scroll;

要么

height: 100px; 
overflow-y : auto;

overflow-y : scroll;
overflow-x : hidden;

height 是可选的

您可以使用溢出属性

style="overflow: scroll ;max-height: 250px; width: 50%;"

我也面临着同样的问题...尝试这样做...这对我有用

        .scrollBbar 
        {
        position:fixed;
        top:50px;
        bottom:0;
        left:0;
        width:200px;
        overflow-x:hidden;
        overflow-y:auto;
       }

这是我的组合：

overflow-y: scroll;
height: 13em; // Initial height.
resize: vertical; // Allow user to change the vertical size.
max-height: 31em; // If you want to constrain the max size.