="Content-Type" content="text/html; charset=utf-8" /> 🎜> html, body, #div1 { <br> 幅: 100%; <br> 高さ: 100%; <br> パディング: 0px; ; <br></head> <br><body> <br> <div id="div2" style="幅: 95%; 高さ: 1500px; マージン: 0px 自動; 背景色: 赤;"> <br> </div> <br></body> <br></html> <br> <br>div2 の高さが不定であるという 2 つの効果を実現したいのですが、<br>①div2 の高さが比較的小さい場合、div1 が埋まります。ページ全体<br> ②div2の高さが比較的大きい場合、div1も引き伸ばされます<br> <br>上記のコードでは効果①のみが実現できますが、効果②は実現できません(高さ=1500pxなど)。 CSSを変更することで①と②の両方を同時に実現できますか？ <br> <br> <br> <br> <br> <br> </p> <p> </p> <p> </p> <p> </p> <p>ディスカッション(解決策)への返信</p> 効果② (フロートをクリアするだけです): <br> <h2> ただし、これでは効果 1 は考慮できません。 </h2>実際のアプリケーションは、Web ページのテンプレートを作成することです。コンテンツは div2 に配置されます。コンテンツが小さい場合は、div1 がページ全体を埋めることが期待されます。 div1 が引き伸ばされます。 <p class="sougouAnswer">ですから、両方の効果を同時に得られることを期待しています。 <br> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style type="text/css">html, body, #div1 {width: 100%;margin: 0px;padding: 0px;} ログイン後にコピー body と html を 100% に設定し、div1 に最小の高さを与えます 3 階の正解、勉強になりました、ありがとうございました!
