フレックスボックスレイアウトのページを読み込んだ直後に、1つのセクションのDivsが消えます。

Question

私が取り組んでいるflexboxベースのWebページで、この本当に奇妙な問題が発生しています。ページが読み込まれてから消えるまでに1秒間画面上に表示されるdivに含まれるdivを除いて、すべて正常に動作しています。テストするにはhereというページをホストしました。

簡潔にするため、ページ全体のコードは、ページ自体の開発者ツールを使用して簡単にコンテキストでチェックすることができます。 ここでは、問題が発生しているHTMLのセクションの抜粋です。

<aside class="HolyGrail-ads"> 
     aside section 
     <div id="ads-wrap"> 
     <h3>Ad Column</h3> 
     <div class="ad"> 
      <h4>Ad One Title</h4> 
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> 
     </div> 
     </div> 
</aside> 

ただ、サイドノートに、私はそれがホストされているときに、このバグを引き起こしているものは考えているので、ページが私のマシン上で絶対に正常に動作します。私はgh-pagesとHerokuにプッシュしようとしましたが、何の違いもありませんでした。

私はちょうどフレックスボックスを使い始めているので、おそらくそれは私が<aside>セクションでこれを引き起こしている部分を省いたものでしょうか？それとも、それは他の目障りなエラーです。すべての提案は高く評価されました！

Answer 1

div3の名前を変更しても、特にads-wrapとadクラスを削除できますか？ウェブブラウザの広告ブロックメカニズムによっては、それらをブロックしている可能性があります。 AdBlock Plusはデフォルトでそれらをブロックしています。