回答編集履歴
1
補足追記
answer
CHANGED
|
@@ -3,4 +3,23 @@
|
|
|
3
3
|
今回はインナーブロックの ```width```が % で指定してあるので、ラッパーの ```width```を % で指定して、インナーブロックの ```width```と ```margin```の % も調整するとうまくいくと思います。
|
|
4
4
|
|
|
5
5
|
サンプル
|
|
6
|
-
[https://jsfiddle.net/4uh34zax/](https://jsfiddle.net/4uh34zax/)
|
|
6
|
+
[https://jsfiddle.net/4uh34zax/](https://jsfiddle.net/4uh34zax/)
|
|
7
|
+
|
|
8
|
+
---
|
|
9
|
+
**補足追記**
|
|
10
|
+
> ちなみに、containerクラスに幅指定がすでにされています。
|
|
11
|
+
>
|
|
12
|
+
> .container {
|
|
13
|
+
> width: 1170px;
|
|
14
|
+
> padding-right: 15px;
|
|
15
|
+
> padding-left: 15px;
|
|
16
|
+
> margin-right: auto;
|
|
17
|
+
> margin-left: auto;
|
|
18
|
+
> }
|
|
19
|
+
|
|
20
|
+
サイズは固定なのですね。
|
|
21
|
+
|
|
22
|
+
colum-item-wrapper は container の子要素になってますか。
|
|
23
|
+
間に別の要素があるならそれも ```width``` ```margin: auto``` を指定する必用があります。
|
|
24
|
+
|
|
25
|
+
あと、```.colum-item``` の幅が 40% で指定してあるので、40% + 40% で 100% にならないので、その分左よりになります。余白等含めて 100% になるように指定するか、px などの固定サイズで指定して中央にくるように調整してください。
|