メインビジュアルの下の謎の余白を消したい。

Question

前提・実現したいこと

メインビジュアルの下の謎の余白を消したいです。

ヘッダーの下にposition:relative;でメインビジュアルを隠したら余白が出ました。
幅的に恐らく、ヘッダー部分が余白となって出てきたかと思います。

position:relative;をつける前は、メインビジュアルがヘッダーの下に隠れずに位置していました。
メインビジュアルをヘッダーの下に隠すようにcssを描いたら、ヘッダー分のpxメインビジュアルが上にずれたので、その分が余白となって出てきているのではないかと。。。

余白を消すアドバイスがあれば、よろしくお願いします。
bodyにbackgrund:colorで黒色をつけることで消せるのですが、それ以外の方法を知りたいです。

Comments

[kai0310]

margin なのか分かりませんが、ブラウザーで検証してみてください

[Lhankor_Mhy]

コードをご提示ください。

[codemanvs]

>k011510さん
>Lhankor_Mhyさん

margin-bottom をヘッダー分マイナスですると消えました。
アドバイズいつもありがとうございます!

Answer 1

margin-bottomをヘッダー分マイナスでつける。

Comments

[kai0310]

あまり marginにマイナスをつけることはよろしくないと思います。

[codemanvs]

え、そなんですね....知らなかったです....とりあえず今回はこれでいきます...ちなみに検証機能で調べてもその余白の部分だけ値が出ませんでした。。

[kai0310]

ネガティブマージン とも言われています。

コードを提示していただけたらより良い回答が得られるかと思います。

[codemanvs]

ありがとうございます! でも今回は大丈夫です!????