2012-03-23 6 views
1

以下のデベロッパーツールに表示されているdiv.flの要素にComputed Styleセクションのdisplay: blockが表示されている理由をお聞かせください。DevToolsはCSSルールが無視されていることを示しています。

ブロックレベルの要素として表示されています。

しかし、以下のCSS規則のリストには、display: inline ! importantが最も優先度の高いルールであることが示されています。div: blockディレクティブには取り消し線があります。

enter image description here

私はそれがインラインで表示したいと思いますが、私は私のコードで使用div.fl { display: inline ! important; }以外にも行うことができます他に何かわかりません。

私はコードにリンクすることはできませんが、どこから見始めても誰にでも示唆することができますか?私はblock指令がどこから来ているのか分かりません。

デバッグCSS =少なくとも私のお気に入りのコーディング部分。

+0

私はあなたのイメージから何が起こっているかは分かりません。いくつかのコードを投稿してください。jsFiddleの例もあります。 – j08691

+0

私たちに計算されたスタイルを教えてくれると、「スタイル」ペインから何かを見せてもらえますか?一致するセレクタも教えてください。また、firefoxで同じ問題を抱えている場合は、私は火かき棒でチェックして、何が何よりも何のファイルをどのファイルから上書きしているかを簡単に伝えることができます。しかし、それでも実際には完全なCSSとマークアップを見ることなく、あなたに伝えるのは難しいでしょう。 – prodigitalson

+0

ところで、それは間に隙間のない '重要な'です。 – BoltClock

答えて

2

あなたのスクリーンショットにはfloat: rightの宣言があります。浮動要素は常にブロックとしてレンダリングされます。要素が浮かればdisplay: inlineにすることはできません。詳細については、float propertyの仕様を参照してください。

+0

ありがとう! CSSが私の死になるでしょう。 – Richard

0

display:block;を継承するように浮動しているか何かをしていますか?表示タイプを変更できる多くのCSS属性があります。

関連する問題