2017-07-03 2 views
0

私は本当に大きなドロップダウンメニューと小さなページを持つhtmlファイルを持っています。私はちょうどページを使用していて、メニューに触れていないとき、フッターは底にあり、問題はありません。ドロップダウンメニューを使用すると、フッターは以前と同じ場所にとどまり、その下に巨大な空白があります。私はそれを固定したくないです(それはすべてのページではないので醜いでしょう)が、私はドロップダウンメニューを開いてスクロールしても常に下にとどまりたいです。どうやってやるの?それが助けになるなら、ここにフッタのCSSがあります。フッターとしてドロップダウンメニューのフッタフッタ

footer { 
    margin-top: 10%; 
    text-align: center; 
    background: rgb(200,200,200); 
    padding: 1%; 
    font-size: 18px; 
} 
+1

完全なコードを提供 –

答えて

0

それはbottom:0を持たなければならない代わりにmargin-top性質を持つべきではありませんので、下にする必要があります。

また、ドロップダウンにはmax-height CSSプロパティが必要です。長すぎてはなりません。

+0

答えをありがとう、それは私を助けていない:/。マージントップのプロパティは他の理由からあります。私はドロップダウンメニューを使用するときに限り、私はボトムに問題がないと言っていました。私はそれらを短くしたくないので、私はどのようにしてフッターを常に下に置くことができるのか尋ねました。とにかく、ありがとうございました。 :) –

+0

しかし、これは要素に 'margin-top'を与えた場合、それがそのマージンに固定され、次にあなたのフッターがいくつか固定されているので、非常に大きなドロップダウンをロードしようとしているという実際の振る舞いですマージンが変わることはありません。ページの一番下に何かが必要な場合は、 'bottom'プロパティを使う必要があります。または完全なコードを提供する –

関連する問題