本文はページの最後までは伸びていませんか？

私は自分のウェブサイトにフッタを持っており、このフッタにはページの右下に配置したいテキストがあります。本文はページの最後までは伸びていませんか？

フッターは、次のようになります

<div class="container-fluid"> 
     <div class="row copyright-container col-md-10 col-md-offset-1"> 
     <div class="copyright"> 
      <p>&copy; Some Copyright Stuff 2011 - 2020</p> 
     </div> 
    </div>

私SCSSは、私はちょうど非常に右下のものを揃えたいこの

.copyright { 
     bottom: 0; 
     right:0; 
    }

のように見えます。私の体はページの最後までは伸びていないようですが、理由は分かりません。

私は自分の体に100％の高さを与えようとしましたが、これも助けになりませんでした（<body style="height:100%;">）。私は自分のhtmlでも同じことを試みました。

私のスニペットは次のようになります。あなたはすべてが動作するのを見ることができますが、私のコンピュータでは、ボディはちょうど2/3ページで終了しています。なぜこれができますか？

.copyright { 
 
     position: absolute; 
 
     bottom: 0; 
 
     right:0; 
 
} 
 
    
 
.bg { 
 
background-color: black; 
 
}

<html> 
 
<body> 
 

 
<div class="container-fluid"> 
 
    <div class="row copyright-container col-md-10 col-md-offset-1"> 
 
     <div class="copyright"> 
 
     <p> Some Copyright 2011 - 2020</p> 
 
     </div> 
 
    </div> 
 
    </div> 
 

 
</body> 
 
</html>

出典

2017-06-01 George Welder

コード助けを求める質問は、質問自体に**それを再現するために必要な最短のコードを含める必要があります**好ましくは[**スタックスニペット**]（HTTPSで：//ブログ.stackoverflow.com/2014/09/introduction-runnable-javascript-css-and-html-code-snippets /）。 [**最小限で完全で検証可能なサンプルの作成方法**]（http://stackoverflow.com/help/mcve）を参照してください。 –

私はこれを試しましたが、ここで動作するようです。問題は、私の体がフルページに広がっていないため、ある時点で高さが止まり、テキストが完全に動かないということです。私は何ができますか？私はまた、ここでこれをどのように再現するかについてもわかりません。 –

あなたはCOL-MD-を使用している場合*あなたは* COL-SM- *およびCOL-XS-を追加する必要がありますので、あなたの画面が小さい場合には、適切なCSSが得られます適用される。これはあなたのコードがうまくいかない理由の1つかもしれません。

<div class="copyright col-xs-2 col-xs-offset-10 col-sm-2 col-sm-offset-10 col-md-2 col-md-offset-10"> 
     <p>Some Copyright Stuff 2011 - 2020</p> 
    </div>

それとも、純粋なCSSで私は以下のコードを追加していることを行うが、ブラウザはSCSS（Nested code in scss/sassを）理解していないとして、CSSないSCSSを使用することができます。

.copyright { 
 
     position: absolute; 
 
     bottom: 0; 
 
     right:0; 
 
}

<div class="copyright"> 
 
    <p>Some Copyright Stuff 2011 - 2020</p> 
 
</div>

出典

2017-06-01 17:00:08

本文はページの最後までは伸びていませんか？

答えて

関連する問題