[CSS]overflow プロパティのautoキーワードのサンプル

2014年2月19日2021年11月1日

書式
overflow: auto;
使用例

<style>
  .cftA,.cftB {
    border: 1px solid #000;
    width: 160px;
    height: 50px;
    background: SkyBlue;
    /*autoは、ブラウザによって変わります*/
    overflow: auto;
  }
</style>
<p class="cftA">test12345678test123456789test111(overflow)</p>
<p class="cftB">ユーザーエージェントに依存します。内容がパディングボックス内に収まる場合は visible と同じように表示されますが、
新しいブロック整形コンテキストを生成します。</p>