Exemplo de propriedade overflow CSS de excedente-Editor Online de Exemplos(oldtoolbag.com)

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Exemplo de propriedade overflow CSS de excedente</title>
  <style>
      div {
          width: 250px;
          height: 150px;
          border: 1px sólido #cccccc;
      }
      div.scroll {            
          overflow: scroll;
      }
      div.hidden {
          overflow: hidden;
      }
  </style>
</head>
<body>
  <h1>Tente alterar o tamanho da caixa div e veja como ela funciona</h1>
  <h2>overflow:scroll</h2>
  <div class="scroll">
      Você pode usar a barra de rolagem para ver o conteúdo excedente.
       Você pode usar a barra de rolagem para ver o conteúdo excedente.
       Você pode usar a barra de rolagem para ver o conteúdo excedente.
       Você pode usar a barra de rolagem para ver o conteúdo excedente.
       Você pode usar a barra de rolagem para ver o conteúdo excedente.
       Você pode usar a barra de rolagem para ver o conteúdo excedente.
  </div>
  <h2>overflow:hidden</h2>
  <div class="hidden">
       O conteúdo excedente é ocultado.
       O conteúdo excedente é ocultado.
       O conteúdo excedente é ocultado.
       O conteúdo excedente é ocultado.
       O conteúdo excedente é ocultado.
       O conteúdo excedente é ocultado.
  </div>
</body>
</html>