How to get the containing div to stretch vertically to accommodate a floating image

问题

Here's the basic problem:

alt text http://img241.imageshack.us/img241/3800/problemwithfloats.png

I want the div that holds the image to stretch vertically to accommodate it.

回答1:

give the div (nice rime) overflow:hidden

回答2:

Add the following CSS formatting to the container div:

overflow: auto;

Also, it seems that you need to specify a width for the container div if you want the solution to work correctly in Opera and IE for Windows.

See http://www.quirksmode.org/css/clearing.html for more information.

Steve

来源：https://stackoverflow.com/questions/992073/how-to-get-the-containing-div-to-stretch-vertically-to-accommodate-a-floating-im