Floating image to the left changes container div's height

Question

When I try to run the following:

​

     //This is a 200x200 image        
     

        
                      

              相关标签:
       
      

Answer 1

Add overflow:auto; to #container

(Explanations below)

Answer 2

You need to add a clearing div after the img:

​<div id="container">
     //This is a 200x200 image        
     <img src="http://dummyimage.com/200x200/CCC/000" />
     <div class="clearing"></div>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

And in CSS:

.clearing { clear: both; }