フッターが底にくっつくのを拒否する

Question

私はちょうど最近コーディングをしています。したがって、乱雑なコードとCSS（http://codepen.io/valik140795/pen/zBgXRg）です。私は現在、2つ目の灰色のボックスの下に5枚の画像（その横にあるのではなく）のフッタを配置するのに苦労しています。私はこのウェブサイトや他の情報源から無数の投稿を試みました。助けてください。前もって感謝します。 1000px -

 .block_footer { 
    position: fixed; 
    width: 100; 
    margin: 0 auto; 
    height: 200; 
} 

Answer 1

あなた.block_footerセレクタは100pxにを対象としたメディアクエリです。このセレクタをデスクトップにも適用する場合は、このセレクタをメディアクエリから削除します。

widthとheightの値を変更してください。あなたはおそらくピクセルを探しています。たとえば、200ではなく、200pxとなります。

position: fixedを削除し、clear: bothを使用してください。 Here is more information on clear。

Codepen example

Answer 2

あなたは次にあなたがbody要素に適切な高さのパディング下を追加する必要が0に.block_footerの下のプロパティを設定する必要があります。

.block_footer { 
    position: fixed; 
    width: 100%; 
    margin: 0 auto; 
    bottom: 0; 
    text-align: center; 
    background: black; 
} 

.body { 
    padding-bottom: 160px; 
}