コンテンツの後にビューポートの残りの部分をフッタに取りたい基本レイアウトがあります。今のところ、高さがフッターの高さ（100％）とコンテンツの高さ（変化する）として計算されているので、下のコードを使用すると、スクロールバーがJavaScriptのコンテンツの高さを計算せずに防止されます。JavaScriptを使わずにビューポートを塗りつぶすフッタを高さに伸ばしてください
html,body{height:100%;}
.content {position: relative;}
.footer{height: 100%; min-height:100%; background-color:green; overflow: hidden; padding-bottom: -2000px;}
<div class="content">
content
</div>
<div class="footer">
Footer
</div>
<html><head>
<style type="text/css">
body{overflow:hidden;}
.content {position: relative;}
.footer{height: 100%; background-color:green; padding-bottom:-2px;margin:0px;}
</style>
</head>
<body>
<div class="content">
content
</div>
<div class="footer">
Footer
</div>
</body>
</html>
あなたのコンテンツをスクロールする必要がある場合は、ちょうど頭を上げます。 – amirkhan81
それはプレゼンテーションの目的のためだけなら、私はこのようなものだろう：/：HTTPを見てみましょう
HTML
<div id="wrap">
<div id="content">
Your main page content here
</div><!-- #content -->
Your footer content here
</div><!-- #wrap -->
CSS
html, body {
height: 100%;
background: #F0F0F0;
padding: 0;
margin: 0;
overflow: hidden;
}
#wrap {
height: 100%;
width: 800px;
background: #ccc;
margin: auto;
}
#content {
background: #fff;
}
を/stackoverflow.com/questions/9160159/full-height-columns-without-scrollかなり似たような解決策でなければならない。 – 0b10011