2017-08-03 6 views
-4

私はここに新しいです、何かが間違っていたら謝ります。本文とフッターの間にスペースを入れてください

私はHMTL/CSSには本当に新しく、これまで多くのことを学んできました。今は私のサイトのコンテンツと私の新しいフッターの間に十分なスペース(〜30-40px)が得られません。私はmargin-toppadding-topを追加しようとしましたが、効果がないようです。私のフッタはdivクラスのフッターで作成されています。

My jsFiddle

私はGoogle Chromeを使用して崇高テキストに書いています。

+2

"デバッグヘルプを求める質問("なぜこのコードは動作しないのですか? ")には、目的の動作、特定の問題またはエラー、および**質問自体に再現するのに必要な最短コードが含まれている必要があります。参照:最小、完全、および検証可能なexample._を作成する方法 " – csmckelvey

+0

@csm_devは十分な働き者ではありませんか? –

+1

私が上記で引用したフラグ設定オプションに従って、いいえ。フィドルは良いですが、コード自体が問題になっていなければなりません - リンクが壊れます。 – csmckelvey

答えて

0

中間のコンテナでフロートをクリアする必要があります。

このコードをCSSに追加すると、#footer divの余白部分を増やすことができます。

私はこれを読むことをお勧めします:https://alistapart.com/article/css-floats-101あなたがCSSでの配置を理解しているかのように、あなたはそれでほとんど何でもできるようになります。それは非常に強力なツールですが、あなたがそれを理解しなければ、それは非常にイライラする可能性があります。

+0

すごくうれしい、うれしい!あなたが気にしないなら、これは正確に何をし、それはどのように機能しますか?だから私は未来を知っている。 – IPlayTheTrumpet

+0

あなたのフォローアップの質問に答えるのはかなり大変な作業ですが、私がリンクしたブログポストを読んでみると、なぜ浮動小数点のクリアが何をするのか理解できると思います。それはコメントで答えることはできません。 –

0

.footerクラスのCSSファイルにdisplay: inline-block;を追加し、paddingプロパティを削除します。

.footer { 
display: inline-block; 
margin-top: 2%; 
} 

margin-top: 2%;は、ほんの一例です。

関連する問題