4
ウェブページに<div>があり、計算された高さプロパティが633pxになっています。カスケーディングスタイルシート、インライン、またはJavaScriptで設定されているものではありません。コード内のどこでも検索しましたが、番号633はどこにも表示されません。私はこれを私が望む高さであるstyle="height: 420px;"を設定することで解決することができますが、IEは633pxにこれを上書きして、他のブラウザでもデフォルトで取得するようです。 Google ChromeとFirefox/Firebugの両方で、divの実際のコンテンツが633ピクセル近くにあることは確認されていません。この計算された高さの理由がわかる方法はありますか？完全性のために、ここにはGoogle Chromeが<div>のスタイルプロパティとして報告するものがあります。特定の計算されたCSSスタイルの原因を確認してください
Computed Style
background-color: white;
display: block;
float: left;
height: 633px;
margin-left: 30px;
margin-top: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
width: 830px;
Inline Style Attribute
margin-left: 30px;
margin-top: 20px;
#overview
background-color: white;
float: left;
padding: 0px;
width: 830px;
#overview, #overviewempty
margin-top: 9px; (is crossed out)
div
display: block;
ありがとうございます。
編集：
質問でdivが2つのdivの、1つのfont-size: 16px;内のテキストの行、および367pxの高さのdivと1が含まれています。
別の編集：
わかりましたので、私はこれを引き起こしているものを考え出しました。メインのdivに含まれる2番目のdivには、1つの画像と、その画像の右側に浮かぶdivが含まれます（position: relative; top: -335px;を使用）。 Internet Explorerは、この要素が空白になるスペースを保持します。その周りには何か？
最終編集：
はそれを解決しました！
<div id="overview">
<div>Some text>
<div>
<img src="someImage.jpg">
<div style="float: right; position: relative; top: -335px;">
<div style="position: absolute; top: 0px; left: 0px; background-color: white; width: 365px;">
Some floating contents
</div>
</div>
</div>
</div>
うわーありがとう、それは素晴らしいです！まだ解決していないが、どこかに行っている。私の2回目の編集をチェックしてください。 – Aistina
この回答は最新ではありません。IEにはデフォルトで開発者ツールが含まれています。 F12を押して起動し、検査を開始するだけです。 –