回答編集履歴
2
リンク先修正
test
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
▼実際のサンプル
|
|
2
2
|
|
|
3
|
-
[https://jsfiddle.net/jgoL1dw1/
|
|
3
|
+
[https://jsfiddle.net/jgoL1dw1/7/](https://jsfiddle.net/jgoL1dw1/7/)
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
1
サンプルの追加
test
CHANGED
|
@@ -1,14 +1,18 @@
|
|
|
1
|
+
▼実際のサンプル
|
|
2
|
+
|
|
3
|
+
[https://jsfiddle.net/jgoL1dw1/2/](https://jsfiddle.net/jgoL1dw1/2/)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
▼その解説
|
|
8
|
+
|
|
1
9
|
まずはHTMLです。
|
|
2
10
|
|
|
3
11
|
フレックスボックスにしたい要素を``<div class="rigthbox2-3">
|
|
4
12
|
|
|
5
|
-
``や``<div class="rigthbox4-5-6">
|
|
13
|
+
``や``<div class="rigthbox4-5-6">``で囲ってあげましょう。
|
|
6
14
|
|
|
7
|
-
``で囲ってあげましょう。
|
|
8
|
-
|
|
9
|
-
後述しますが、そこに``display: flex;
|
|
15
|
+
後述しますが、そこにCSSで``display: flex;``を適用させるためです。
|
|
10
|
-
|
|
11
|
-
``を書くためです。
|
|
12
16
|
|
|
13
17
|
```html
|
|
14
18
|
|