無處不在的CSS容器錯誤 - 當頁面縮小時出現Javascript

Question

存在javascript元素的問題。

<a class="twitter-timeline" href="https://twitter.com/Account" data-widget-id="395882390205108224">Tweets by @Twitter</a><script type="text/javascript">// <![CDATA[ 
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); 
// ]]></script> 

這是與我的另一個問題，我認爲但不是100％鏈接，因爲這是關於JS元素。

在JSFiddle上，它工作正常，我可以縮小元素，它會出現。在我的網站上它不會出現，除非我縮小瀏覽器。

http://jsfiddle.net/MLJpY/

以前：

後：

網址：​​

Answer 1

您爲此元素指定了容器的固定高度。

CSS：

#frontpage-Button-Cont { 
width: 100%; 
height: 135px; 
text-align: center; 
} 

高度屬性（在Chrome的工作然後）或添加overflow: auto有它在一個容器中的滾動條

#frontpage-Button-Cont { 
width: 100%; 
height: 135px; 
text-align: center; 
overflow: auto; 
}