回答編集履歴
1
タイトルの質問に対する回答を冒頭に追加したほか、いくつか文法を修正しました。
answer
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
謎の空白は、h4に初めからついているmarginです。これを消すには、CSSの最後の
|
|
1
|
+
flexが原因ではありません。謎の空白は、h4に初めからついているmarginです。これを消すには、CSSの最後のルールに、marginを追加します。
|
|
2
2
|
|
|
3
3
|
```css
|
|
4
4
|
.category-wrap h4{
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
}
|
|
13
13
|
```
|
|
14
14
|
|
|
15
|
-
`display: flex`の要素は、子要素のmarginが突き抜けず、中に収ま
|
|
15
|
+
`display: flex`の要素は、子要素のmarginが突き抜けず、中に収まります。そのため、今回のような状態になります。
|
|
16
16
|
|
|
17
17
|
今回はh4でしたが、h1やh2、pにもmarginはあります。ブラウザのデフォルトのCSSが邪魔をする場合は、例えば以下のようなCSSを冒頭に置いて、一括で消してしまうといいでしょう。
|
|
18
18
|
|