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>

2つの問題：

1. すべてのテキストが表示されるまで、幅と高さ、および広がりは固定されません。
2. 第二に、それは水平スクロールバーを表示していて、私はそれを表示したくありません。

を使用しoverflow-yます。このプロパティはCSS 3です。

水平スクロールバーを非表示にするには、overflow-xを次のように非表示に設定できます。

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-heightDIVの高さの膨張を制限するために。コードは次のようになります。

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 オプションです

あなたはoverflowプロパティを使うことができます

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.