IT Certificaions

Google Cloud Platform

Monday, November 28, 2011

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; 
}