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