<div class="wrapper">
  <div class="section"></div>
  <div class="section">
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatum, delectus nihil beatae atque recusandae quos non excepturi! Quasi ut labore ab rem, alias nobis blanditiis atque fuga quam ad architecto?</p>
    <p>Nihil cupiditate omnis blanditiis dolorum, explicabo facere, maiores optio repellat culpa, ipsum iure tempore! Possimus voluptatibus sint autem aperiam, consequatur ut praesentium quidem atque expedita, ab hic accusamus blanditiis quia!</p>
    <p>Nihil ullam rerum laborum veritatis! Libero iste illum cupiditate placeat sint pariatur quo repudiandae mollitia adipisci? Quisquam, vel facere quia dolor eos fugit consequuntur doloribus eligendi esse est deserunt tempora?</p>
    <p>Omnis alias nam assumenda, quisquam amet perferendis consectetur! Corporis vel maiores, dolore voluptas, officiis eius atque in amet velit possimus voluptates mollitia at voluptate illum eligendi rem cum a minus?</p>
    <p>Perferendis veritatis est alias id illo officia ab, odio ratione quam? Voluptatem veritatis atque temporibus sapiente doloribus ipsa architecto magnam, alias laboriosam autem sit, exercitationem dolorum quaerat, sunt voluptate tempore!</p>
    <p>Fugit, voluptatem itaque libero quia ea ipsa mollitia corporis minima soluta qui facilis commodi odio provident aliquam, dolore non illum minus unde voluptatum nesciunt porro. Laborum facere repudiandae sunt quas!</p>
    <p>Architecto totam, neque veniam obcaecati earum, ex repellendus dignissimos similique in, blanditiis natus eum suscipit ipsam magnam? Ipsa ipsam eos, accusamus quas eaque quo perferendis tenetur corrupti voluptas, mollitia unde.</p>
    <p>Atque error incidunt, esse non, sint eligendi dolores qui possimus earum quae et ad sed nemo. Soluta quam necessitatibus omnis et explicabo voluptate error eaque quas. Harum, corporis! Sequi, alias!</p>
    <p>Commodi asperiores fugiat minus animi mollitia beatae molestiae fuga laudantium rem ipsam! Officia dolor optio, doloribus, voluptatibus minima tenetur commodi deserunt eaque dicta suscipit voluptate magnam ipsa ipsam aspernatur voluptates?</p>
    <p>Quisquam neque, dolores voluptatibus rem itaque delectus error ad aliquid vitae eius officiis odio corrupti voluptatem quibusdam repudiandae perspiciatis voluptate quod nisi, maiores minima ipsam accusantium asperiores odit? Accusantium, odio?</p>
  </div>
</div>
.wrapper {

}

.section {
  width: 500px;
  padding: 5px;
  margin: 50px;
  background-color: #eee;
  height: auto;
  max-height: 500px;
  overflow: auto;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.