質問編集履歴

2

2020/05/09 09:27

投稿

niccha
niccha

スコア22

test CHANGED
File without changes
test CHANGED
@@ -69,3 +69,7 @@
69
69
  }
70
70
 
71
71
  ```
72
+
73
+
74
+
75
+ 上記コードの場合、2列になりますが、container、boxの両方のheightをautoにした場合、2つめのboxで列換えをさせる方法がありますでしょうか??

1

コードを加筆いたしました。

2020/05/09 09:27

投稿

niccha
niccha

スコア22

test CHANGED
File without changes
test CHANGED
@@ -11,3 +11,61 @@
11
11
 
12
12
 
13
13
  ご教示お願いいたします。
14
+
15
+
16
+
17
+ コードは、
18
+
19
+ ```HTML
20
+
21
+ <div class="container">
22
+
23
+ <div class="box">
24
+
25
+ 内容
26
+
27
+ </div>
28
+
29
+ <div class="box">
30
+
31
+ 内容
32
+
33
+ </div>
34
+
35
+ <div class="box">
36
+
37
+ 内容
38
+
39
+ </div>
40
+
41
+ <div class="box">
42
+
43
+ 内容
44
+
45
+ </div>
46
+
47
+ </div>
48
+
49
+ ```
50
+
51
+
52
+
53
+ ```CSS
54
+
55
+ .container {
56
+
57
+ height: 900px;
58
+
59
+ flex-flow: column wrap;
60
+
61
+ }
62
+
63
+ .box {
64
+
65
+ height: 400px;
66
+
67
+ width: 50%;
68
+
69
+ }
70
+
71
+ ```