浮動兩個div並排，但讓文本繼續流下？

Question

我有兩個div：

#left{overflow: hidden;} 
#right{float: right; width: 300px; margin: 0 0 0 20px;} 

<div id='right'><p>Content</p></div> 
<div id='left'><p>Content</p></div> 

我想通那麼多了，只要浮動並排兩個div的一面，但允許左div來填充剩餘的區域。現在

我的問題是：

由於屏幕變小，或有人從更小的屏幕/設備查看我的網站，在我的左格文保持在超出的高度遠遠延伸很長的列的右欄。

我想同時保留兩個div，左邊的內容填充剩餘的區域，但是一旦左邊的內容傳遞了右邊div中內容的長度，是否有方法讓它流動在正確的div下？而不是超越？

實施例：

http://i.stack.imgur.com/8mCwo.png

Answer 1

刪除從左側DIV的overflow:hidden和設置的寬度。

這裏是example嘗試調整窗口大小。