到处都是 CSS 容器错误 - 页面缩小时出现 Javascript答案

【问题标题】：CSS container errors everywhere - Javascript appears when page has shrunk到处都是 CSS 容器错误 - 页面缩小时出现 Javascript
【发布时间】：2013-11-21 14:12:53
【问题描述】：

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/

【问题讨论】：

“在 JSFiddle 上它工作正常” ...我们如何检查问题？
我添加了站点 URL 作为比较，看看有什么问题。我会添加 CSS 和 HTML，但是它会使线程与图片混淆
在我看来像是导致重叠的 CSS 问题。
此选择器中存在问题...特别是您在此处定义的高度。移除高度并出现 twitter 提要，并在缩小屏幕时修复您的布局问题。为什么这个 twitter 提要通过给它一个小于它需要的高度来隐藏？ #frontpage-Button-Cont { 高度：135px; }
感谢 Michael Stefan 修复它

标签： javascript jquery css containers

【解决方案1】：

您为此元素的容器分配了固定高度。

CSS：

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

height 属性（然后在 chrome 中工作）或添加 overflow: auto 以将其放在带有滚动条的容器中

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

【讨论】：

天才！我可以吻你！谢谢你，我完全有一个大脑放屁，为容器而不是内容添加了一个固定的高度！谢谢斯特凡！
欢迎您（并迅速更新您的网站）。那么请接受我的分析器:)。也许我应该留在网络开发而不是换工作;D
完成 :) 再次感谢 Stefan