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

How to run C# code using mono without Xamarin in Android? -

c# - SharpSsh Command Execution -

python - Specify path of savefig with pylab or matplotlib -