2017-11-14 11 views
0
私は表示の問題をデバッグしようとしている

は以下の通り:ここ はHTMLです:CSS - ディスプレイ:インラインブロック問題

<span class="pw_brand_product_list"><div class="wb-posted_in">Brand:</div><a href="https://www.google.com">My First Brand</a></span> 

、ここでCSSです:

.wb-posted_in {display:inline-block; margin:5px} 

私はこれをJSFiddleに入れましたが、これは正しく「ブランド:My First Brand」と表示されますが、実際にこれを私のウェブサイトに実装すると、まだ表示されていないようです。

ブランド:

私の最初のブランド

誰もがこれにいくつかの光を当てることができますか?私はそれが非常に初心者の間違いであると仮定していますか?私も!importantを使ってみようとしましたが、それでも正しくは適用されません。

+0

ようこそStackOverflow!私たちがあなたのお手伝いをするために、あなたの質問を更新して**関連コード**を[**最小で、完全で、検証可能な例**]で表示することができますか?(http://stackoverflow.com/ help/mcve)を**質問自体に追加してください。外部サイトは、フィルタシステムによって悪意のある、またはフラグが立てられている可能性があります。ユーザーはそれらを訪問することができない場合があります。あなたの問題を解決するためにこれまでに試したことをお聞かせください。詳細については、[**よくある質問をする方法**](http://stackoverflow.com/help/how-to-ask)に関するヘルプ記事を参照してください:) –

+1

それはJSFiddleで動作することを考慮すると、おそらくサイト上のいくつかの他のCSS。 [Chromeデベロッパーツール](https://developer.chrome.com/devtools)のようなデベロッパーツールを使用して要素を調べ、適用されるスタイルを確認します。 – feupeu

+3

私はしばしば文句を言うと、質問者がマークアップの問題の例として自分のWebサイトへのリンクを投稿したので、この質問をトピックとして閉じようとしています。それで彼が問題を解決したとき、彼は彼のリンクを削除し、答えが役に立たず無意味なだけでなく、役に立たず無意味な質問を残しました。彼の投稿されたマークアップは問題を表示しません。すべての質問には、Webサイト、jsfiddle、または他のサードパーティのサイトではなく、ここに問題を示す完全な例があります。 [mcve] – Rob

答えて

-1

あなたがリンクしたページを見ました。 .wb-posted_inにはwidth: 100%があるようです。 width: autoでこれを変更すると、問題が修正されたようです。

+0

ありがとう、それは完璧に働いた!そう多くのことを学ぶ:) – chocobo152000

+0

トピックの質問に答えないでください。彼はここに、問題を再現するために必要なマークアップを掲示しなかった。一度自分のウェブサイトだけに基づいて答えが出たら、彼はそのリンクを削除しました。あなたの答えは価値がなく、誰も利用しないという質問をもう一度します。これはスタックオーバーフローの目的ではなく、そのような質問に答えることは不合理です。すべての質問に回答する必要はありません。https://stackoverflow.com/help/how-to-answerもう一度やり直してください。 – Rob

関連する問題