回答編集履歴

1

説明追記

2021/02/28 14:08

投稿

hatena19
hatena19

スコア34073

test CHANGED
@@ -33,3 +33,17 @@
33
33
 
34
34
 
35
35
  [【2021年版】リセットCSSのガイドライン|基礎から使い方を徹底解説 | WEBCAMP NAVI](https://web-camp.io/magazine/archives/30817)
36
+
37
+
38
+
39
+ 追記
40
+
41
+ ---
42
+
43
+ 今回の質問の原因は上記のとおりですが、
44
+
45
+ float を使用したレイアウトは現在では避けたほうがいいでしょう。(他の方も指摘されてますが)
46
+
47
+ 前後の要素のレイアウトに悪影響を与えるので、思い通りのレイアウトにするのに非常に面倒なことになります。
48
+
49
+ CSS FlexBox あるいは CSS Grid を使ったレイアウトが現在では主流ですのでそちらの学習をされることもお勧めしておきます。