ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS の互換性の問題により、DIV の位置について考えさせられました。お役に立てれば幸いです。 ! _html/css_WEB-ITnose

CSS の互換性の問題により、DIV の位置について考えさせられました。お役に立てれば幸いです。 ! _html/css_WEB-ITnose

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

今日、CSS の互換性の問題が発生しました。問題の投稿は http://topic.csdn.net/u/20120927/09/f8d698ba-1640-4cda-8823-c1eca22e5730.html です。

質問するためにここに来ました。次の状況を引き起こす状況はありません:


div1 と div2 の両方が大きな DIV 内にあります。ここで問題が発生します。div2 が div1 に整列されています。つまり、div1 から開始して配置されています。 、高さと幅、なぜ div2 でこれが起こるのでしょうか?どのような状況でこの状況が発生するのか、またその解決方法を教えていただけますか?


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

考えもしませんでした
一見

、クリアフローティングのように感じます

CSSにfloatを追加します... 続きを読むチュートリアル

投稿者として脳は、手がかりがありません。本来ならDIVはこうあるべきではないでしょうか?そうしないと問題が発生します。 DIV2 と DIV1 を並べて同じ高さにしたい場合は、FLOAT: LEFT または FLOAT: RIGHT で設定する必要があります。これを設定しないと、DIV1 と DIV2 が同じであっても改行されます。幅はわずか1PXです。

それらを平行にしたいですか? 平行にしたい場合は、上記の方法を使用できます。float を使用します


笑、これが最も普通の方法です
横に並べたい場合は、float を使用してください

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