css - divに画面の高さを採用させるにはどうすればよいですか？

Question

使ってみました

height: 100%

ただし、これによりdivはその内容と同じ高さになります。つまり、1語のテキストのみが含まれます。

代わりにdivに画面の高さを使用させるにはどうすればよいですか？

score 11 · Accepted Answer

bodyとhtml要素にも100%高さが必要です。

次のCSSを試してください。

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

YourDivSelector {
    height: 100%;
}

Firefoxで自動スクロールを防ぐには、マージンとパディングを0に設定する必要があります。

score 1 · Accepted Answer

bodyタグとhtmlタグを含め、divを含むすべてのコンテナもheight：100％に設定する必要があります。

score 1 · Accepted Answer

また、htmlとbodyをheight：100％に設定する必要があります。

 html,body{height:100%}

score 1 · Accepted Answer

私も同じ問題を抱えていました。HTMLと身長を100％に設定しても機能しませんでしたが、最小高さ100vhと高さ100％をdivで組み合わせると機能しました。

html, body {
   height: 100%;
}

div {
   min-height: 100vh; 
   height: 100%;
}

score 0 · Accepted Answer

JavaScriptを使用してウィンドウの幅と高さを取得し、必要に応じてそれらの値を使用しての高さと幅を設定できdivます。

score 0 · Accepted Answer

多分

min-height:100%;

あなたは正確に何をしようとしていますか？さらに情報を投稿してください。

score 0 · Accepted Answer

含まれる要素の高さが定義されている場合にのみ、height = 100％を意味のある形で使用できます。その100％、何の？どこかに定義されている場合、高さはありません。javascriptを使用して、現在のウィンドウの高さを取得するか（前述のとおり）、800pxなどの特定の高さを指定できます。：D

7 に答える 7