feture

Use CSS variable -  overflow: auto; scrol;

 This is CSS sheet (scroll, auto)

/* overflow */

.scrol{

    width: 60%;

    height: 150px;

    border: 3px solid black;

    padding: 5px;

    background-color: rgb(182, 172, 172);

    overflow: auto;

}

This is HTML sheet

<div class="scrol">

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt incidunt fuga itaque dolorem vel expedita exercitationem officia, quos dignissimos! Doloremque perspiciatis soluta, dolores alias debitis doloribus nemo laudantium obcaecati atque non, error distinctio nam ullam explicabo quis molestias in possimus quam nulla itaque aperiam? Minus ad nisi, dolore, possimus nostrum harum aliquam in non rem ratione maiores officiis assumenda quo ducimus dicta? Quidem totam aspernatur vitae hic cupiditate corporis veniam, rerum alias nulla laudantium similique dolorum id maiores molestias in eos rem dolorem fugiat eius. Recusandae consequatur hic unde nemo! Aliquid dignissimos assumenda sunt ipsa corporis. Explicabo error ab minima velit non vel adipisci sapiente, deleniti debitis recusandae cumque unde expedita ex, veritatis numquam amet dolorum doloribus excepturi libero ipsum! Maiores rerum placeat quae qui. Exercitationem quia est sit quibusdam cupiditate inventore veniam, porro optio nostrum, officiis unde, distinctio placeat? Nihil officiis iusto, pariatur non perferendis reiciendis maiores quia natus dolores odio necessitatibus. Ipsum iusto odio ad nihil, commodi voluptas ea expedita eius sunt impedit deserunt sapiente reprehenderit accusamus eum beatae! Laudantium saepe atque non fuga fugit reiciendis molestiae deleniti ipsa dolorem quae fugiat maiores dolore velit nobis aspernatur porro, quia optio debitis quos at sequi, hic dolor. Ut aliquid impedit animi ratione quos quas minima, doloremque dolore eveniet neque voluptas odit officiis ad, numquam eum itaque esse ducimus suscipit voluptatum? Perferendis voluptates quam sequi eum doloremque accusamus totam! Eius sed veritatis commodi adipisci culpa iure nisi dolorum officiis, tempora laborum quod assumenda incidunt omnis? Sunt quo doloribus cum excepturi, odit recusandae dolores aperiam maxime dolor, ipsa vero ratione dolorum tempore laboriosam quaerat quia, culpa eos nulla quod minus nobis! Officiis cumque recusandae provident debitis atque, beatae hic optio illum magnam adipisci soluta sit suscipit ducimus, vitae itaque mollitia illo nesciunt incidunt tempore autem veniam. Facilis quam doloribus repellendus nulla. Numquam neque sapiente sunt excepturi optio nulla? Illum tenetur iste velit sed nihil necessitatibus sequi nulla mollitia, laborum reiciendis quidem animi, cupiditate, tempora fugit recusandae magni vel odio. Cum hic earum mollitia sequi minima eius fugit consequatur iste molestiae dicta laudantium ratione dolor, veritatis fuga recusandae natus numquam repellendus iusto, enim voluptas non. Rem minus velit eos ab fugiat commodi error dolorum excepturi? Sequi voluptates magnam sint excepturi facilis, fugiat odit nihil culpa harum suscipit dignissimos quae quis voluptatem molestias ut esse porro ullam laudantium consequatur delectus! Placeat numquam fugiat optio eveniet ex minima. Quam eius eveniet nihil beatae veniam rem, repellat voluptatibus enim ipsum sit mollitia dolorum dicta sequi ea? Ducimus, voluptatibus distinctio! Facilis, saepe. Inventore sapiente ipsa unde reiciendis recusandae hic tenetur accusantium nisi nesciunt velit voluptatibus aspernatur natus quasi, corporis ea tempore iure nemo sit veniam ipsum eos fugiat nulla! Expedita debitis laboriosam soluta explicabo impedit porro, enim voluptatem! Voluptatum eaque, temporibus libero culpa nihil ab debitis odio iusto dignissimos veritatis? A aliquam vero dolores quod voluptate iure reprehenderit fuga natus aliquid possimus, minus alias est, repellendus quam incidunt inventore hic harum in amet! Eligendi totam mollitia, voluptatem quae at, maiores, repudiandae illo hic qui labore facere?</p>

</div>