Disqus与WooThemes WordPress主题的视觉故障？

Question

需要快速帮助！正如你可以看到@http://www.wokai.org/news/?p=1496，我们的Disqus框溢出了，我不太清楚为什么。我寻找通常的嫌疑人，并尝试一些技巧，但没有成果。任何人都可以提供快速修复？

PS - 这是Wokai.org，一个非营利组织！

Answer 1

我想我明白了问题所在。你有.clearfix风格奇怪地设置为高度：0。因为该类被分配给＃dsq-content事情正在崩溃。你应该做的是用http://www.positioniseverything.net/easyclearing.html

建议的样式替换你的自定义.clearfix样式（style_default.css，第48行）希望有所帮助。祝你好运！

Answer 2

您的.clearfix类的高度设置为0.其中的所有内容仍在显示，但它下面的内容显示在相同的位置。删除它，它显示正常。

进入更多细节。一旦页面加载完成，一些javascript已将class="clearfix"添加到<div id="dsq-content">，但您的.clearfix样式style_default.css具有height: 0;，这在应用于dsq-content时会导致它在后面的内容下显示。

从style_default.css中删除height: 0正在导致页面正常呈现。

另外在线2543上的disqus.js是它将类添加到dsq-content div的地方。删除此行也可以解决此问题。或者可能将其设置为使用不带高度的不同清空类：0.