materializecss footer bottom

私はmaterializecss（angular-materialize）を使用していますが、フッターが一番下にないページがたくさんあります。materializecss footer bottom

<html> 
    <head> 
    </head> 
    <body> 
     <header> 
     </header> 
     <main> 
     </main> 
     <footer> 
     </footer> 
    </body> 
</html>

CSSコードは、ウェブサイトからの追加：ウェブサイトでは、彼らは、我々は以下のHTML構造に従うことを、いくつかのCSSのコードを追加する必要があると言う

body { 
    display: flex; 
    min-height: 100vh; 
    flex-direction: column; 
    } 

    main { 
    flex: 1 0 auto; 
    }

私は手順に従ったとしても、私のフッターは降りたくない。

私のフッターが下に付着していないときに、誰かが通常:)

出典

2016-04-07 Steve Bunlon

plunkrまたはSOコードスニペットを入力してください – fikkatra

「角度セレクタ」で構造体を実行すると、必要な高さしか必要としません。 'index.html'のコードを試してみてください。 – Dimple

を助けることができれば、私はマージン下の負のピクセルを行い、その後、フッターに最も近い要素のマージン底を高めます。マージンを使いこなすことは、通常、私の問題を解決します。

出典

2017-03-11 02:09:33

materializecss footer bottom

答えて

関連する問題