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

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

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
div.cft{
border:1px solid green;
overflow:scroll;
}
div.cft{ border:1px solid green; overflow:scroll; }
div.cft{
  border:1px solid green;
  overflow:scroll;
}

htmlコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<div class="cft">
aaaaaaaaaa111<br>
bbbbbb 222<br>
vvvvvvvvv333<br>
ddddddddddd4444
</div>
<div class="cft"> aaaaaaaaaa111<br> bbbbbb 222<br> vvvvvvvvv333<br> ddddddddddd4444 </div>
<div class="cft">
  aaaaaaaaaa111<br>
  bbbbbb 222<br>
  vvvvvvvvv333<br>
  ddddddddddd4444
</div>

 

CSS

Posted by arkgame