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
Post a Comment