回答編集履歴
3
表現修正
test
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
divの高さが320pxに固定されていることが原因です。
|
|
6
6
|
|
|
7
|
-
高さが指定されるとdivの内容が
|
|
7
|
+
高さが指定されるとdivの内容がその高さに満たない場合には下部に空白が発生します。
|
|
8
8
|
|
|
9
9
|
下部空白のうち、20pxを超える分はこの空白です。
|
|
10
10
|
|
2
表現修正
test
CHANGED
|
@@ -18,4 +18,8 @@
|
|
|
18
18
|
|
|
19
19
|
「h2要素が本来存在する位置に発生するスペース」を`margin-bottom:-25px;`で調整しているようですが、この指定だとそのスペースが僅かに残るようです。
|
|
20
20
|
|
|
21
|
+
上部空白のうち、20pxを超える分はこの空白です。
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
21
25
|
`margin-bottom:-20px;`や`margin-bottom:-30px`を指定して、それぞれどのような表示になるかを確認すると状況が理解できるかと思います。
|
1
表現修正
test
CHANGED
|
@@ -16,6 +16,6 @@
|
|
|
16
16
|
|
|
17
17
|
h2要素が原因です。
|
|
18
18
|
|
|
19
|
-
h2要素が本来存在する位置に
|
|
19
|
+
「h2要素が本来存在する位置に発生するスペース」を`margin-bottom:-25px;`で調整しているようですが、この指定だとそのスペースが僅かに残るようです。
|
|
20
20
|
|
|
21
21
|
`margin-bottom:-20px;`や`margin-bottom:-30px`を指定して、それぞれどのような表示になるかを確認すると状況が理解できるかと思います。
|