回答編集履歴
1
追記
answer
CHANGED
|
@@ -1,4 +1,13 @@
|
|
|
1
1
|
パッと見ですが、「background-size: cover;」がどのように背景画像を配置するのか理解されると良いかと思います。
|
|
2
2
|
|
|
3
3
|
[background-size
|
|
4
|
-
](https://developer.mozilla.org/ja/docs/Web/CSS/background-size)
|
|
4
|
+
](https://developer.mozilla.org/ja/docs/Web/CSS/background-size)
|
|
5
|
+
|
|
6
|
+
---
|
|
7
|
+
-追記-
|
|
8
|
+
|
|
9
|
+
「fixed」は「absolute」や「float」みたいに「浮いている」と思ってください。その下に空白があるので、潜りこんでいる状態です。
|
|
10
|
+
|
|
11
|
+
解消するには、一般的には質問者さんと同じくマージン付与ですが、他には、同じ大きさのdiv（中身は空っぽ）でも対応可能です。
|
|
12
|
+
|
|
13
|
+
※「float」とは違うので「overflow: hidden;」等のような対策は取れません。
|