ヘッダー、メインボディ、フッターがあります。ヘッダーとメインボディは適切にスタイルされています。フッターの場合、本体の後ろに表示したいので、次を使用しました：
z-index: -1;
position: relative;
top: -60px;
これで目的の結果が得られますが、下部に 60px の余分なスペースができます。
この余分なスペースをクリアするにはどうすればよいですか?
56961 次
7 に答える
32
ポールは正しいです。margin-top: -60px;の代わりにtop: -60px;。もう1つの可能な解決策は、「本体」をフッターposition: relative;で使用するように設定することposition: absolute; bottom: 60px;です。ただし、これは、フッターを「本体」内に移動する必要があることを意味します。ただし、フッターの親が「メインボディ」と一緒に流れる限り、代わりにその要素でこれと同じトリックを使用できます。
于 2010-02-17T13:25:31.373 に答える
6
下部の「余分な」スペースは、フッターが占めるスペースです。相対的に配置された要素は、別の場所に表示されていても、ページのレイアウト フローで同じスペースを占有します。
本体で負の下部マージンを試すことができます。top: -60px;これは、フッターに不要であることを意味する場合があります。
于 2010-02-17T13:00:26.333 に答える
2
これに対する別の解決策は次のとおりです。
z-index: -1;
position: relative;
top: -60px;
margin-bottom: -60px;
top は余分なマージンを作成し、margin-bottom はそれを削除します
hタグの何らかの理由で、これだけがうまくいきました。負のマージントップが機能しない
于 2016-09-14T11:01:25.087 に答える
1
これを実現する 1 つの方法は、div を別の div 内にabsolute配置して、ドキュメント フローから除外することです。
于 2010-02-17T12:45:55.157 に答える
0
適切な答えは、体に相対的な位置を持たせてから、絶対位置を使用してスタイルを設定し、選択した上部を使用してスタイルを設定することです
于 2020-12-07T09:04:08.103 に答える