html - When Div Expands my screen does not activate a scroll bar -


as can see, when div expands have no option scroll down , i'm wondering how go fixing this. here css

<style>   #cust_info {   width: 300px;   min-height:350px;   margin: 0 auto;   padding: 1em;   background-color: #fff;   border-radius: 25px;   border: 2px solid #66ccff;   padding: 20px;    position: fixed;   top: 100px;   left: 40px;   font-family: arial;   }     .more {   display: none;   border-top: 1px solid #fff;   border-bottom: 1px solid #fff; }    a.showlink, a.hidelink {   text-decoration: none;   color: #36f;   padding-left: 8px;   background: transparent url(down.gif) no-repeat left; }    a.hidelink {   background: transparent url(up.gif) no-repeat left; }    a.showlink:hover, a.hidelink:hover {   border-bottom: 1px dotted #36f; }  </style> 

i gave div min height expand without text leaving area, when div expands past screen lose of div.

please remove position:fixed #cust_info id.

removing automatically give scroll in page.

for keeping left align, give float:left #cust_info.


Comments

Popular posts from this blog

javascript - gulp-nodemon - nodejs restart after file change - Error: listen EADDRINUSE events.js:85 -

Fatal Python error: Py_Initialize: unable to load the file system codec. ImportError: No module named 'encodings' -

javascript - oscilloscope of speaker input stops rendering after a few seconds -