高さの問題に直面しています。ブラウザのビューのページの高さを100％にしたいのですが、高さを100％に設定すると、スクロールバーが表示されます。高さをブラウザの高さに設定します
セクションの高さが約90％に設定されている場合、スクロールバーは一部の画面に隠れていますが、すべてではありません。ヘッダーの固定高さがあります（50px）。ブラウザの高さに応じてセクションの正確なパーセンテージを得る方法はありますか？
html,body {margin:0;height:100%;width:100%;}
header {
height:50px;
background:blue;
color:#fff;
}
section {
height:100%;
background:red;
}<header>header</header>
<section></section>あなたはbodyにoverflow:hidden;を行うことができ、または、あなたが代わりにcalcを使用することができます。
height:calc(100% - [height of navbar]);`
だからあなたのCSS：
#content {
height:calc(100% - 50px);
}
html,body {margin:0;height:100%;width:100%;}
header {
height:50px;
background:blue;
color:#fff;
}
section {
height:calc(100% - 50px);
background:red;
}<header>header</header>
<section></section>html,body {margin:0;height:100%;width:100%;overflow:hidden;}
header {
height:50px;
background:blue;
color:#fff;
}
section {
height:100%;
background:red;
}<header>header</header>
<section></section>ありがとう、これは私が欲しい –
あなたはoverflow: hidden
<body style"height:100%; overflow:hidden;">
を使用することができ、これを解決するにはCSS
.my-div{
height: 100vh;
}
それは私が推測するあなたの上のマージンを削除します。 – Pirate
はそれに役立つことを願っています。
あなたが入れて試すことができ
体
{
高さ：100VH。
}
高さは、画面（ビューポート）の高さの100％になります。
まだ提供されていない場合、jsfiddleリンクを提供できますか？
質問自体に問題を再現するために必要な最小限のコードを含めます。 – Pugazh