この場合、同じ高さの列に対する JS ソリューション ( The EqualHeights Plugin ) がおそらく最適であると判断しましたが、Disqus に問題があります。ご存知かもしれませんが、Disqus は非同期で読み込まれます。それは素晴らしいことです (まあ、実際にはそうではありません) が、コメントはプラグインを含む他のすべての後に読み込まれるため、切り捨てられています。これを回避する方法がわかりません。Disqus と競合しないことを期待して、同じ高さの列を取得するために実際に CSS の「ハック」を試みましたが、運もありませんでした。
よろしくお願いします。あなたはいつもここでかけがえのない存在です。
Disqus コード:
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div>
<script type="text/javascript">
/**
* var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread]
*/
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://escapology.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view <a href="http://disqus.com/?ref_noscript=escapology">comments.</a></noscript>
{/block:Permalink}<script type="text/javascript">
var disqus_shortname = 'escapology';
(function () {
var s = document.createElement('script'); s.async = true;
s.src = 'http://escapology.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>