এলিমেন্টের কন্টেন্ট বরাদ্দ করা স্পেসের চেয়ে বড় হলে কী করবেন?

এলিমেন্টের আয়তনের চেয়ে কন্টেন্ট বড় হলে সমাধানের জন্য CSS overflow প্রোপার্টি ব্যবহার করুন। নিচের কোডটি চেষ্টা করে দেখুন:

উদাহরণ

<html>
  <head>
    <style>
      .scroll {
        display: block;
        border: 2px solid green;
        padding: 10px;
        margin-top: 10px;
        width: 300px;
        height: 50px;
        overflow: scroll;
      }
      .auto {
        display: block;
        border: 2px solid green;
        padding: 10px;
        margin-top: 10px;
        width: 300px;
        height: 50px;
        overflow: auto;
      }
    </style>
  </head>
  <body>
    <p>scroll ভ্যালুর উদাহরণ:</p>
    <div class="scroll">
      This is Demo Content. This is Demo Content. This is Demo Content.
      This is Demo Content. This is Demo Content. This is Demo Content.
      This is Demo Content. This is Demo Content. This is Demo Content.
      This is Demo Content. This is Demo Content. This is Demo Content.
    </div>
    <br />
  </body>
</html>