回答編集履歴

3

誤字の修正

2015/06/08 06:43

投稿

orange0190
orange0190

スコア1698

test CHANGED
@@ -1,6 +1,6 @@
1
1
  ひとまず原因は分かりました。
2
2
 
3
- すくルールバーの有無になります。
3
+ スクロールバーの有無になります。
4
4
 
5
5
  対策はのちほど・・・
6
6
 

2

対策追記

2015/06/08 06:43

投稿

orange0190
orange0190

スコア1698

test CHANGED
@@ -11,3 +11,21 @@
11
11
  対策ではないですが、正しい原因としてはスクロールバーとdiv#containerの`margin:0 auto`になります。
12
12
 
13
13
  スクロールバーの有無でmarginが変化するためです。
14
+
15
+
16
+
17
+ 対策追記
18
+
19
+ 以下のcssを適用することでずれなくすることができます。
20
+
21
+ ```lang-css
22
+
23
+ html {
24
+
25
+ overflow-y:scroll;
26
+
27
+ }
28
+
29
+ ```
30
+
31
+ このcssを適用することで常にスクロールバーが表示されるので、ずれません。

1

追記

2015/06/08 06:41

投稿

orange0190
orange0190

スコア1698

test CHANGED
@@ -3,3 +3,11 @@
3
3
  すくルールバーの有無になります。
4
4
 
5
5
  対策はのちほど・・・
6
+
7
+
8
+
9
+ 追記
10
+
11
+ 対策ではないですが、正しい原因としてはスクロールバーとdiv#containerの`margin:0 auto`になります。
12
+
13
+ スクロールバーの有無でmarginが変化するためです。