ホームページ >ウェブフロントエンド >htmlチュートリアル >非常に奇妙な!前の div 要素に img 要素がある限り。次の div は前の要素と重なるか、自動的に左にフロートされます。解決策を見つけてください! _html/css_WEB-ITnose

非常に奇妙な!前の div 要素に img 要素がある限り。次の div は前の要素と重なるか、自動的に左にフロートされます。解決策を見つけてください! _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:12:171594ブラウズ

最近この問題に悩んでいます。同様のコードを紹介します。
xhtml コード:

激怒 /div>

#img img {display:block}
#footer {width:800px height:red; -top:30px}
フッターの上マージンが無効なのはなぜですか?フッターが前の div と重なることがあります。なぜですか?これは、前の div に img が含まれている場合に毎回発生します。 div 内の要素は親要素をリッスンしませんか? ? ?なぜ?死ぬほどイライラします! (この投稿は昨日投稿されました。しかし、私は記号を見逃していて、他の人が反応しました。答えは私が記号を見逃していたということでした。そのため、一度再投稿する必要がありました。)



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

What'sさらに奇妙なのは、複数のブラウザでテストしたところ、マージントップが正常だったことです。 。投稿者はどのブラウザを使用しているのでしょうか?
また、DTD はどのように書かれているのでしょうか?

これらのコード行には問題はありません。他のコードの問題を見つけてください。他のスタイルのポジショニングに問題があります。


あなたのページに例として示したコードのみが含まれている場合、それはあなたが言ったとおりになりますか?

デバッグし、無関係なコンテンツをすべて削除してから、影響を確認するために少しずつ追加する必要があります

さらに奇妙なのは、複数のブラウザでテストしたところ、マージントップが正常であることです。 。投稿者はどのブラウザを使用しているのでしょうか?

また、DTD はどのように書かれているのでしょうか?
ドキュメント タイプ:

ブラウザはIE8、Firefox 3.6、Google Chromeです。



あなたのページに例として挙げたコードのみが含まれている場合、それはあなたが言ったとおりになりますか?
デバッグして、関係のないコンテンツをすべて削除してから、影響を確認するために少しずつ追加する必要があります
試してみます

私もこの問題に遭遇しました。今は違います

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。