Question

I find that the scroll bars (disabled or enable) will show up on the sides of the div despite whether or not the element has reached its max length. Just by putting overflow: value; it will automatically display them. How do I make it so that the scroll bars will only show when the element has reached it’s max height?

Answer 1

Using overflow: auto should only produce scrollbars when the height is exceeded.

div.scrollbars {
    max-height: 100px;
    overflow: auto;
}