到处都是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/

之前：

之后：

网址：http://profiledt.co.uk/SetTraining/

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;
}