有<iframe>隨着不斷增長的元素增長而不會與純CSS重疊

Question

我希望任何人都可以幫助我解決以下問題。正如標題中提到，即時通訊努力讓自己在另一個元素的懸停的iframe表演，並與它成長，有問題即時是在iframe顯示其母公司之外的非常快，顯示......看到以下內容：

<div id='wrapper'> 
     <div class='coolbtn'> 
      <h1 class='top'><span class="pictogram">)</span>Policy #142545</h1> 
      <p>Google.com</p> 
      <p>https://www.google.com"</p> 
      <br> 
      <iframe id="source" src="http://jsfiddle.net"></iframe> 

     </div> 
</div> 

http://jsfiddle.net/EajKf/1284/

在此先感謝

Answer 1

認沽溢出：隱藏父，它會隱藏在過渡期間的溢出。

.coolbtn { 
    overflow:hidden; 
} 

jsfiddle