「CSS」overflowでスクロールバーを表示する方法

2020年9月17日

説明
overflow: visible;
パディングボックスの外側に表示されることがあります。
overflow: hidden;
必要に応じてパディングボックスに合わせて切り取られます。
overflow: clip;
コンテンツは要素のパディングボックスに合わせて切り取られます。
overflow: scroll;
必要に応じてパディングボックスに合わせて切り取られます。
overflow: auto;
ユーザーエージェントに依存します。
CSSコード

div.cft{
  border:1px solid green;
  overflow:scroll;
}

htmlコード

<div class="cft">
  aaaaaaaaaa111<br>
  bbbbbb 222<br>
  vvvvvvvvv333<br>
  ddddddddddd4444
</div>