ブラウザのデバッグ インターフェイスに表示される高さと幅はどのように計算されますか? _html/css_WEB-ITnose

ブラウザで F12 を押してレイヤーを選択します。レイヤーに高さまたは幅がない場合、左側の黄色のラベルにレイヤー「div.box 490px *」の高さと幅が表示されます。 1588.4px」ですが、どのように計算されるのでしょうか？小数点以下の桁もあります。

ディスカッションへの返信(解決策)

これは内容 dom のドキュメントを参照してください。 。 。 。

document.body.clientWidth


body には、表示される任意の dom タグを指定できます。

子要素によって「展開」されます。
派生～子要素が float 属性を宣言している場合、親要素は展開されません～ 今回はフロントエンドでよく聞かれる「float をクリアするにはどうすればよいですか？」について説明します。子どもたちから生み出される。 。たとえば、子が 490px * 1588.4px の画像の場合、親も 490px * 1588.4px になります。 。ただし、これは特定の状況によって異なります。 。表示:ブロック タイプ、デフォルトの幅は 100%;。 。また、モニターが異なれば表示も 100% 異なります。