html - Height not adjusted when set to float value? -


i wrote html page
css is

body{     margin: 0 auto;     min-width: 992px;     background: #f2f2f2;    } .container{     margin: 30px auto;     padding:5px;     width: 992px;     height: auto;     border: 1px solid #c6c6c6;     border-radius: 15px;     background: #fff;     } .column{        margin:0px 5px 5px 0px;        float:left;        height: 50px;        width: 486px;        background: #0094ff;        } 

and body

<div class="container">     <div class="column"></div>     <div class="column"></div>     <div class="column"></div>     <div class="column"></div> </div> 


when run page removing float:left div class .column, height of .container automatically increase when set float value in div class .column height of div class .container don't increase.
please can tel me how fix problem?

add overflow:hidden; .containar


Comments

Popular posts from this blog

Payment information shows nothing in one page checkout page magento -

tcpdump - How to check if server received packet (acknowledged) -