如何使一個內部div推外部股利下跌

Question

假設我有一個股利。在這個div裏面，我相信有兩個div左右浮動，彼此相鄰。左邊的div是一張照片。出於某種原因，當圖片太高時，它不會推動外部div適合圖片。相反，這張照片只是繼續走下去，超越了外部div的底部邊界。我怎樣才能讓圖片擴展外部div呢？

<div> 
    <div class="left"> 
    </div> 

    <div class="right"> 
    </div> 
</div> 

Answer 1

向包含div添加「overflow: auto;」或「overflow: hidden;」都是很好的解決方案（每個都有自己的怪癖，具體取決於具體情況，但非常可靠）。您需要添加hasLayout才能在IE中工作。最簡單的就是加：

.container { 
    overflow: hidden; 
    display: inline-block; /* triggers hasLayout in IE */ 
} 

.container { 
    display: block; /* back to block */ 
} 

更多選擇在這裏： http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/

Answer 2

<div style="overflow: auto"> 
    <div class="left"> 
    </div> 

    <div class="right"> 
    </div> 
</div> 

Answer 3

如果你有兩個要素，即不浮動將推外層div一個最大的一個div。如果你有一個帶有兩個浮動元素的div，你將需要一個明確的div：既允許所有東西都被壓下。