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