Scrolable div in CSS/html
Scrolable DIV:
overflow: auto => It will create a scrollbar - horizontal, vertical or both only if the content in the block
requires it.
overflow: scroll => It will will insert horizontal and vertical scrollbars. They will become active and shown
only if the content requires it.
overflow: visible => It will cause the content of the block to expand outside of it and be visible at the same time.
overflow: hidden => This forces the block to only show content that fits in the block. Remainng content will
be clipped and not visible to you. There will be no scrollbars.
For ex:
<div class="scrolableDiv"....></div>
where in CSS class:
.scrolableDiv{
height:180px;
overflow:scroll;
margin-left: 170px;
margin-top: -100px;
width: 600px;
}
Comments
Post a Comment