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

Popular posts from this blog

Struts 2 : Warning :No configuration found for the specified action: 'Login.action' in namespace: '/'

Upload csv file at Google Cloud Storage using java

Read Images from a xlsx file using Apache POI