回答編集履歴
2
説明修正
answer
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
`
|
1
|
+
`position: absolute;`で子要素がフロートするので、container の高さが 0 になっていて、`overflow: hidden;`で子要素が隠れてしまってます。
|
2
2
|
|
3
3
|
containerのサイズを適切に設定するといいでしょう。
|
4
4
|
|
1
説明修正
answer
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
`clear: left;`で子要素がフロートするので、container の高さが0になっていて、`overflow: hidden;`で子要素が隠れてしまってます。
|
2
2
|
|
3
|
-
containerのサイズを適切に設定する
|
3
|
+
containerのサイズを適切に設定するといいでしょう。
|
4
4
|
|
5
5
|
```css
|
6
6
|
#container {
|
@@ -10,6 +10,4 @@
|
|
10
10
|
width: 400px; /*追加*/
|
11
11
|
height: 200px; /*追加*/
|
12
12
|
}
|
13
|
-
```
|
13
|
+
```
|
14
|
-
|
15
|
-
Flexboxで横並びにするといいでしょう。
|