浮动和位置。有没有办法解决它？

Question

带有id影院的div的高度没有根据图像的大小而变化但是当我从img移除浮动时剧院的大小变化为什么会这样？如何获得高度等于div右侧的图像高度

<div id="theatre"> 
<img src="http://www.wallmay.net/thumbnails/detail/20120927/abstract%20paintings%20outer%20space%20futuristic%20planets%20hope%20digital%20art%20science%20fiction%20space%20art%20blue%20li_www.wallmay.net_34.jpg"/>
</div>

#theatre{
width:100%;
margin:auto;
position:relative;
border-top:4px solid #fff;
border-bottom:5px solid #fff;  
}


#theatre img{
height:400px;
float:right;
}

Answer 1

效果发生是因为img标签漂浮在#theater div上方。把它变成别的然后漂浮。 （位置：相对;）将解决此问题