回答編集履歴
2
footer要素
answer
CHANGED
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Chrome Developper Toolsの [Computed] タブを開いて、下記要素を順番に確認していけば、原因が判明するかと思います。
|
|
4
4
|
|
|
5
|
-
-
|
|
5
|
+
- footer要素
|
|
6
|
+
- footer要素の兄要素もしくは兄要素の子孫要素
|
|
6
|
-
-
|
|
7
|
+
- footer要素の親要素もしくは祖先要素(html要素、body要素を含む)
|
|
7
8
|
|
|
8
|
-
期待外の `margin, padding` が指定されていた場合、[Styles] タブを開いて、該当スタイルを特定して下さい。
|
|
9
|
+
期待外の `margin, padding, height` が指定されていた場合、[Styles] タブを開いて、該当スタイルを特定して下さい。
|
|
9
10
|
その後、該当スタイルを書き直すか、より詳細度の高いスタイルを指定して上書きしてやればいいでしょう。
|
|
10
11
|
|
|
11
12
|
### デフォルトスタイルシートの上書き
|
1
が→を
answer
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
### デフォルトスタイルシートの上書き
|
|
12
12
|
|
|
13
|
-
ブラウザの中には、デフォルトスタイルシートで、html要素もしくはbody要素に margin or padding
|
|
13
|
+
ブラウザの中には、デフォルトスタイルシートで、html要素もしくはbody要素に margin or padding を指定する実装があります。
|
|
14
14
|
以下は私がGoogle Chrome v103.0.5060.134のChrome Developper Toolsで確認したデフォルトスタイルシートです。
|
|
15
15
|
|
|
16
16
|
```css
|