回答編集履歴
1
修正
answer
CHANGED
|
@@ -34,10 +34,16 @@
|
|
|
34
34
|
margin-top: auto;
|
|
35
35
|
bottom: 0;
|
|
36
36
|
/* position: absolute; */
|
|
37
|
-
color: #f00;
|
|
38
37
|
background-color:rgb(10, 10, 10);
|
|
39
38
|
height: 60px;
|
|
40
39
|
/* line-height: 60px; */ /* 下方向に余白が出ているようだったのでコメントアウト */
|
|
41
40
|
width:100vw;
|
|
42
41
|
}
|
|
42
|
+
```
|
|
43
|
+
---
|
|
44
|
+
もしくは以下のようなアプローチもあるかもしれません。
|
|
45
|
+
```CSS
|
|
46
|
+
.maincontent {
|
|
47
|
+
min-height: calc(100vh - 60px);
|
|
48
|
+
}
|
|
43
49
|
```
|