回答編集履歴
2
コード追記
answer
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
gridを使ってみました。
|
|
2
|
+
|
|
3
|
+
```css
|
|
4
|
+
.parent {
|
|
5
|
+
height: 100vh;
|
|
6
|
+
display: grid;
|
|
7
|
+
grid-template-rows: 12px 1fr auto;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.footer {
|
|
11
|
+
height:16px;
|
|
12
|
+
/* display: none; */
|
|
13
|
+
}
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
---
|
|
1
17
|
> 条件によって、動的にfooterのclassは消えたりします。(display:noneします。)
|
|
2
18
|
|
|
3
19
|
この条件を見落としてましたので、下記は取り消します。
|
1
説明の改善
answer
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
> 条件によって、動的にfooterのclassは消えたりします。(display:noneします。)
|
|
2
2
|
|
|
3
|
+
この条件を見落としてましたので、下記は取り消します。
|
|
4
|
+
|
|
5
|
+
~~calcで計算すればいいでしょう。~~
|
|
6
|
+
|
|
3
7
|
```css
|
|
4
8
|
.parent {
|
|
5
9
|
height:100vh;
|