回答編集履歴
2
上部を前面という表現に変更
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
問題は.contentがページの終端まで高さを持ってるが、その
|
1
|
+
問題は.contentがページの終端まで高さを持ってるが、その前面にfooterが重なっているためです。
|
2
2
|
|
3
3
|
absoluteは絶対値で配置になるので裏側に何があろうとbodyに対してbottom:0, left:0;を保とうとします。
|
4
4
|
|
@@ -108,4 +108,4 @@
|
|
108
108
|
|
109
109
|
|
110
110
|
|
111
|
-
とすれば
|
111
|
+
とすれば消えます。
|
1
問題の原因を追加
test
CHANGED
@@ -1,3 +1,11 @@
|
|
1
|
+
問題は.contentがページの終端まで高さを持ってるが、その上部にfooterが重なっているためです。
|
2
|
+
|
3
|
+
absoluteは絶対値で配置になるので裏側に何があろうとbodyに対してbottom:0, left:0;を保とうとします。
|
4
|
+
|
5
|
+
そのため、.content自身がその絶対位置に可視コンテンツが重ならないようにしなければなりません。
|
6
|
+
|
7
|
+
|
8
|
+
|
1
9
|
仮にスクロールをしてもfooterが下部に固定されたままにしたい場合
|
2
10
|
|
3
11
|
```CSS
|
@@ -27,8 +35,6 @@
|
|
27
35
|
#footer{
|
28
36
|
|
29
37
|
position: fixed; //変更
|
30
|
-
|
31
|
-
|
32
38
|
|
33
39
|
bottom:0;
|
34
40
|
|