Combining a variable size scrollable list, a fixed size scrollable form and a small fixed size non-scrollable form

1. How do I make a div scrollable without fixed height?
2. How do I change the scrollbar size?
3. How to create a table with a fixed header and scrollable body?

How do I make a div scrollable without fixed height?

Making a div vertically scrollable is easy by using CSS overflow property. There are different values in overflow property. For example: overflow:auto; and the axis hiding procedure like overflow-x:hidden; and overflow-y:auto;.

How do I change the scrollbar size?

The scrollbar-width property is used to set the width or thickness of an element's scrollbar when shown. This property can be used on pages where the user interface requires the element to be displayed more prominently and shrinking the scrollbar width gives more space to the element.

How to create a table with a fixed header and scrollable body?

By setting postion: sticky and top: 0, we can create a fixed header on a scroll in HTML tables.