回答編集履歴
1
追記
test
CHANGED
|
@@ -2,7 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
+
ただfloat: left;を使用が必須だったり、
|
|
6
|
+
|
|
5
|
-
既存のCSSを活かした
|
|
7
|
+
既存のCSSを活かそうとしたら、私なら以下のようにします。
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
↓「追加」に書いた10pxは余白です。好きな値を指定してください。
|
|
6
12
|
|
|
7
13
|
|
|
8
14
|
|
|
@@ -46,7 +52,7 @@
|
|
|
46
52
|
|
|
47
53
|
margin: 10px;
|
|
48
54
|
|
|
49
|
-
width: calc(100% / 3 - 10px
|
|
55
|
+
width: calc((100% / 3) - (10px * 2));
|
|
50
56
|
|
|
51
57
|
}
|
|
52
58
|
|
|
@@ -58,6 +64,6 @@
|
|
|
58
64
|
|
|
59
65
|
}
|
|
60
66
|
|
|
67
|
+
```
|
|
61
68
|
|
|
62
|
-
|
|
63
|
-
|
|
69
|
+
(「10px」の数字が.containerの左右の余白を上回ると横方向のスクロールが生じる場合もあるので、その場合はbodyに「overflow-x: hidden;」などを指定してください。)
|