質問編集履歴
1
ご指摘通り、HTML/CSSパターンA/CSSパターンBで、コードブロックを分けました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,6 +12,12 @@
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
+
パターンAでは、top-wrapperタグ内でwidthを規定していて、パターンBでは、containerタグ内でwidthを規定しています。
|
|
16
|
+
|
|
17
|
+
パターンAでは右側に余白が出てしまうのですが、なぜ違いが生まれるのか原因を知りたいです。
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
15
21
|
### 発生している問題・エラーメッセージ
|
|
16
22
|
|
|
17
23
|
|
|
@@ -84,10 +90,16 @@
|
|
|
84
90
|
|
|
85
91
|
</html>
|
|
86
92
|
|
|
87
|
-
|
|
93
|
+
```
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
```css パターンA
|
|
88
98
|
|
|
89
99
|
＜以下、cssパターンA＞
|
|
90
100
|
|
|
101
|
+
|
|
102
|
+
|
|
91
103
|
html, body,
|
|
92
104
|
|
|
93
105
|
ul, ol, li,
|
|
@@ -152,10 +164,14 @@
|
|
|
152
164
|
|
|
153
165
|
}
|
|
154
166
|
|
|
155
|
-
|
|
167
|
+
```
|
|
168
|
+
|
|
169
|
+
```css パターンB
|
|
156
170
|
|
|
157
171
|
＜以下、cssパターンB＞
|
|
158
172
|
|
|
173
|
+
|
|
174
|
+
|
|
159
175
|
html, body,
|
|
160
176
|
|
|
161
177
|
ul, ol, li,
|