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.