奇妙なマージントップ問題_html/css_WEB-ITnose

このコードは Firefox または IE8 で表示されます (他のブラウザでは試していません)
理由を教えてください

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

相対位置決めを使用する

つまり、Firefox

で定義されている、本体のサイズが異なります。

最初に
body{
margin:0;
padding:0;
}

境界線を設定せずに外側のレイヤーを重ねます。

外側のレイヤーは境界線なしで重なり合います。

キーワード: レイヤーがネストされている場合、マージンは無効です。

Pading-top を使用してください

問題を解決するには、親要素に overflow:hidden; を設定してください。明日解決するお手伝いをします

ありがとうございます。 float:left も使用できることがわかりました。この問題は私を長年悩ませてきたので、よく知っていると思います。この質問を見ると、私が div+css を知っているかどうか完全に疑わしいです、笑