質問編集履歴
2
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -379,3 +379,31 @@
|
|
|
379
379
|
右列の緑色の要素（ボックスタイトル2と4）をくくる要素を付加（例えば、right-container）して
|
|
380
380
|
|
|
381
381
|
実装すれば、実現することができますが、仕様の関係上、各列をくくる要素を付加せずにしなければなりません。
|
|
382
|
+
|
|
383
|
+
|
|
384
|
+
|
|
385
|
+
|
|
386
|
+
|
|
387
|
+
###付与
|
|
388
|
+
|
|
389
|
+
jQueryを使ってstyleにbreak-before: column;と書く様にしました。
|
|
390
|
+
|
|
391
|
+
その場合、リロードして、
|
|
392
|
+
|
|
393
|
+
最初にボックスタイトル2をタップすると、画像①のようになり、
|
|
394
|
+
|
|
395
|
+
最初はボックスタイトル4や3をタップした後にボックスタイトル2を押すと画像②のようにうまく行きます。
|
|
396
|
+
|
|
397
|
+
なぜなんでしょうか。
|
|
398
|
+
|
|
399
|
+
|
|
400
|
+
|
|
401
|
+
画像①
|
|
402
|
+
|
|
403
|
+
|
|
404
|
+
|
|
405
|
+
|
|
406
|
+
|
|
407
|
+
画像②
|
|
408
|
+
|
|
409
|
+
|
1
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -8,11 +8,11 @@
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
その時に緑色の横の要素（例えば、ボックスタイトル1の横の要素はボックスタイトル2）
|
|
11
|
+
その時に緑色の横の要素（例えば、ボックスタイトル1の横の要素はボックスタイトル2）とその下（ボックスタイトル4）との高さ間の大きさが大きくなってしまいます。
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
-
実現したいこととしては、緑色の要素を押すと、右側の要素（ボックスタイトル2）はそのままでいてほしいです。
|
|
15
|
+
実現したいこととしては、緑色の要素を押すと、右側の要素間（ボックスタイトル2と4）の大きさはそのままでいてほしいです。
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
|
|
31
31
|
toggle後の状態
|
|
32
32
|
|
|
33
|
-
|
|
34
34
|
|
|
35
35
|
###コード
|
|
36
36
|
|
|
@@ -306,6 +306,8 @@
|
|
|
306
306
|
|
|
307
307
|
justify-content: space-between;
|
|
308
308
|
|
|
309
|
+
align-items: flex-start
|
|
310
|
+
|
|
309
311
|
}
|
|
310
312
|
|
|
311
313
|
|