回答編集履歴
1
追記
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
フロー
|
|
1
|
+
フロートさせているのが原因なので、ol に[ブロック整形コンテキスト](https://developer.mozilla.org/ja/docs/Web/Guide/CSS/Block_formatting_context)を持たせると解決します。
|
|
2
2
|
|
|
3
3
|
たとえば：
|
|
4
4
|
|
|
@@ -13,3 +13,13 @@
|
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
```
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
---
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
なお、横並びにする目的でフロートを使うのはかなり時代遅れで、問題も多いためお勧めできませんので、フレックスレイアウトなどをご検討ください。
|
|
24
|
+
|
|
25
|
+
[CSSレイアウトにfloatは古い! 初心者でも始められるFlexbox入門 - ICS MEDIA](https://ics.media/entry/13117/)
|