CSS：マージンはインスペクタには存在しませんが、ページに表示されます

私はng2-chartsを使用しているページを持っており、グラフには余白があり、インスペクタでは見つけられません。しかし、私が下にスクロールして余白をポイントすると（スクリーンショットを参照）、ページ上にはっきりと右の余白が表示されます。マージンはありますが、私はそれをプロパティとして見ることができず、それを操作することはできません。CSS：マージンはインスペクタには存在しませんが、ページに表示されます

なぜですか？

出典

2016-07-07 Nikolay

あなたはjsfiddleを共有してもらえますか？ –

私はこれまでにオレンジ色の部分を見てきましたが、CSSマージンではないと思われますが、Chrome開発ツールが表示のために追加したものは、 'display：block;'などの理由で表示されません。 – LarsW

@Lööri - 申し訳ありませんが、現時点ではjsfiddleでこれを再現することはできません。私はsalesforceを使用しているときにライブラリがデータを取る方法に慣れていません。私はすぐにマージンスタイリングを手助けするために引っ張られました。 – Nikolay

これは言ってのクロム開発ツール道のようだ：display:block;要素は、全幅を占有しませんが、それでもためのブロックの、隣にどんな要素が存在することはできません-表示。ここで再現するコードスニペットです：

div { 
 
    width: 50% 
 
}

<div>Placeholder text</div>

出典

2016-07-07 18:06:23 LarsW

ありがとう！オレンジ色の領域は余白ですが、その特定の要素のインスペクタをスクロールダウンしてパディング/ボーダー/マージンボックス（問題のスクリーンショットを参照）に移動し、マージンプロパティをポイントすると、オレンジ。だから、この要素の "表示"は "ブロック"に設定されているので、右側のデフォルトのマージンだと思います。 – Nikolay

CSS：マージンはインスペクタには存在しませんが、ページに表示されます

答えて

関連する問題