Training Materials
Adding a scroll bar to a div
To add a scroll bar to a fixed height and/or width div use overflow: auto like this:<div style="margin-left: 45px; width: 230px; height: 220px; overflow: auto; background-color: yellow;">
The scroll bar will appear automatically when there is more text or content than can fit in the box.
So, lets say I have this text:
I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text
and I want to put it in a box that is 230px wide by 220 px tall (like above), well then if I wrote:
<div style="margin-left: 45px; width: 230px; height: 220px; overflow: auto; background-color: yellow;">I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text I am text
</div>
in the source code I would end up with: