teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

説明修正

2020/02/11 11:20

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -1,4 +1,4 @@
1
- `clear: left;`で子要素がフロートするので、container の高さが0になっていて、`overflow: hidden;`で子要素が隠れてしまってます。
1
+ `position: absolute;`で子要素がフロートするので、container の高さが 0 になっていて、`overflow: hidden;`で子要素が隠れてしまってます。
2
2
 
3
3
  containerのサイズを適切に設定するといいでしょう。
4
4
 

1

説明修正

2020/02/11 11:20

投稿

hatena19
hatena19

スコア34367

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で横並びにするといいでしょう。