css - Chrome で要素を検査するときに空白が消える

Question

非常に奇妙で診断が難しい問題があります。このフォーラムの誰かが以前に遭遇したことを願っています。基本的に、次のようにワードプレス + woocommerce ページをロードしています。

ご覧のとおり、余分な空白がたくさんあります。問題は、要素を検査するたびに、ページが空白をすぐに削除し、次のように (正しく) 見えるため、空白がどこから来ているのか把握できないことです。

「要素の検査」ウィンドウを開いたままにしてページを更新すると、空白が返されますが、CSS を何らかの方法で変更するとすぐに(つまり、ランダムな属性を削除するか、何かを変更します)、ページは再び修正されます。

空白があるべき領域を (何も変更しないで) 見つけた場合、空白が接続されている場所は文字通り何もありません。まるで見えないかのようです。

Chrome (34.0.1847.131 m) を使用しています。この奇妙な動作を引き起こす可能性のあるアイデアはありますか?

Answer 1

これは問題のようで、どういうわけかJavaScriptが原因です。以前に WC を使用したことがありますが、WC が使用する JS には本当にバグがあります。JavaScript をオフにして、問題が解決しないかどうかを確認することをお勧めします。次に確認する場所は、テンプレート自体です。その後、woocommerces フィルター セット/アクション フックを確認します。私の経験からすると、WC のテンプレートは非常によくできていません (まじめな話、まだテーブルを使っている人がいます)。それは私にもあらゆる種類の奇妙な頭痛を引き起こしました。