Scrollable Box (div) in CSS

As you may notice I updated my blog theme to scrollable boxes to make the navigation easier. You might still go to the individual page for viewing. You can do this with CSS’ overflow property.You also have to give the width and height, so the browser can understand where to put the scrolls. To make scrollbars you need to set overflow property to “scroll”.

1
2
3
4
5
6
.box
{
 width:445px;
 height:250px;
 overflow: scroll;
}

There is another overflow code “auto”, this makes scrolls if needed, and leaves it if the contents fits to the div. I haven’t chosen that because I wanted to have symmetry.