html - 图像超出容器 div 边界

Question

谁能看看下面的 fiddle :http://jsfiddle.net/R4bCy/1/

我认为 div 应该调整它的高度以适应它的元素，除非元素是绝对定位的。

为什么 div 没有扩展到图像的整个高度？

我需要图像右对齐。我知道如何做到这一点的唯一方法是 align='right', position:absolute; right: 0; 和 float:right，所有这些都使得包含的 div 不会将其高度调整为图像高度。

Answer 1

.intro {
margin: 10px;
outline: 1px solid #CCC;
background: #A00;
color: #FFF;
height:auto;
overflow:auto;
}
​.img{
float:right;
height:auto;
}​

<div class="intro">
    <div class="img"> <img src="http://1.bp.blogspot.com/_74so2YIdYpM/TEd09Hqrm6I/AAAAAAAAApY/rwGCm5_Tawg/s1600/tall+copy.jpg"    style="margin: 10px 10px; "/></div>

  <p>Sorry, but the page you requested could not be found.</p>
</div>​​​​​​​​​​

DEMO