回答編集履歴

1

追記

2020/08/02 07:43

投稿

new1ro
new1ro

スコア4528

test CHANGED
@@ -2,7 +2,13 @@
2
2
 
3
3
 
4
4
 
5
+ ただfloat: left;を使用が必須だったり、
6
+
5
- 既存のCSSを活かした場合 (float: left;を使用) は以下のようになると思います。
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 - 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;」などを指定してください。)