ホームページ >ウェブフロントエンド >htmlチュートリアル >シンプルな div レイアウト_html/css_WEB-ITnose

シンプルな div レイアウト_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 09:39:261229ブラウズ

要件: div1 と div3 は左側にサスペンドされ、div2 と div4 は右側にサスペンドされます。これら 4 つの div の高さは設定されていません。内部のコンテンツが増加すると、div5 の高さが自動的に増加します。 width 1000px、center、高さは設定されていません
何度か書いていますが、一番外側のdiv5で高さが設定されていない場合は必ずエラーになります。常に 4 つの div を内側に含めることはできず、内側のものがすべて出てきます
とても簡単だと思うので、知っている人もたくさんいると思いますが、アドバイスをお願いします

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

宿題、LZ、あなたはあまり勉強しません、

div1234 dispaly: inline-block

宿題、LZ あなたはあまり勉強せずに宿題をしますか?いいえ、以前はテーブルレイアウトを使用していましたが、div1234 dispaly:inline-block の使用に慣れていません。この時、div1に書き込むと、何かを追加すると高さが上がりますが、div1の直後にdiv3が続くわけではなく、div3は右側のdiv4の下に実行されます。 div2に何かを書くと、div4はdiv2の下に留まり続けますが、div1とdiv3の位置が変わります。私が言ったことはわかりにくいです。もっと完璧なコードはありますか?123456789101112131415161718192021222324252627282930313233... 要件を完全に満たしています、ありがとうございます

CSS code?123456789101112131415161718192021222324252627282930313233

をさらに使用したか、上下に入力しました。問題ありません。問題は解決できます。考え方を変えると、同じように感謝します

非常に実用的で、将来的にはレイアウトに div を使用できるので、便利で時間の節約になります。 !

落ち着いて考えるように一生懸命勉強してください! !

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