HTML:如何为长段创建只有垂直滚动条的DIV？

Question

我想在我的网站上显示条款和条件备注.我不想使用文本字段,也不想使用我的整个页面.我只想在选定区域显示我的文本,并且只想使用垂直滚动条向下阅读所有文本.

目前我正在使用此代码:

<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. 其次它显示水平滚动条,我不想显示它.

Answer 1

使用overflow-y.这个属性是CSS 3.

Answer 2

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

overflow-x: hidden;

Answer 3

你需要指定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>

Answer 4

先谢谢你

使用overflow:auto它对我有用.

水平滚动条消失.

Answer 5

对于任何设置overflow-x为的情况hidden,我更喜欢设置max-height以限制div的高度扩展.您的代码应如下所示:

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

Answer 6

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

height: 100px;   
overflow-y : scroll;

要么

height: 100px; 
overflow-y : auto;