質問編集履歴
3
全体を変更しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
footerの位置をサイト最下部に固定したいのですが、最下部に固定でしません。
|
|
4
4
|
footerにposition:fixedを指定すると追従してきてしまい,position: absolute;でbottom:0や
|
|
5
5
|
stikyにすると画面の真ん中に固定されてしまいます。
|
|
6
|
-
|
|
6
|
+
[フッターを最下部固定にするCSS設定方法 全6選](https://shopeyes.jp/media-blog/00001078/)
|
|
7
7
|
こちらのサイトで確認しました。
|
|
8
|
-
よろしくお願いします。
|
|
8
|
+
よろしくお願いします。)
|
|
9
9
|
```HTML
|
|
10
10
|
<!DOCTYPE html>
|
|
11
11
|
<html lang="ja">
|
2
全体を変更しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -3,6 +3,9 @@
|
|
|
3
3
|
footerの位置をサイト最下部に固定したいのですが、最下部に固定でしません。
|
|
4
4
|
footerにposition:fixedを指定すると追従してきてしまい,position: absolute;でbottom:0や
|
|
5
5
|
stikyにすると画面の真ん中に固定されてしまいます。
|
|
6
|
+
```[フッターを最下部固定にするCSS設定方法 全6選](https://shopeyes.jp/media-blog/00001078/)
|
|
7
|
+
こちらのサイトで確認しました。
|
|
8
|
+
よろしくお願いします。
|
|
6
9
|
```HTML
|
|
7
10
|
<!DOCTYPE html>
|
|
8
11
|
<html lang="ja">
|
|
@@ -313,7 +316,5 @@
|
|
|
313
316
|
color: #fff;
|
|
314
317
|
|
|
315
318
|
}
|
|
316
|
-
|
|
319
|
+
|
|
317
|
-
|
|
320
|
+
|
|
318
|
-
よろしくお願いします。
|
|
319
|
-
|
1
全体を変更しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
ルールが分からずお手数かけます。
|
|
2
|
-
|
|
2
|
+
模写サイトで模写コーディングの練習をしています。
|
|
3
|
-
|
|
3
|
+
footerの位置をサイト最下部に固定したいのですが、最下部に固定でしません。
|
|
4
|
+
footerにposition:fixedを指定すると追従してきてしまい,position: absolute;でbottom:0や
|
|
5
|
+
stikyにすると画面の真ん中に固定されてしまいます。
|
|
4
|
-
|
|
6
|
+
```HTML
|
|
5
|
-
|
|
6
7
|
<!DOCTYPE html>
|
|
7
8
|
<html lang="ja">
|
|
8
9
|
<head>
|
|
@@ -104,6 +105,8 @@
|
|
|
104
105
|
</main>
|
|
105
106
|
</body>
|
|
106
107
|
</html>
|
|
108
|
+
```
|
|
109
|
+
```CSS
|
|
107
110
|
@charset "utf-8";
|
|
108
111
|
|
|
109
112
|
* {
|
|
@@ -310,4 +313,7 @@
|
|
|
310
313
|
color: #fff;
|
|
311
314
|
|
|
312
315
|
}
|
|
313
|
-
|
|
316
|
+
```[フッターを最下部固定にするCSS設定方法 全6選](https://shopeyes.jp/media-blog/00001078/)
|
|
317
|
+
こちらのサイトで確認しました。
|
|
318
|
+
よろしくお願いします。
|
|
319
|
+
|