回答編集履歴
3
誤字の修正
answer
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
うん???
|
|
2
2
|
bodyの高さを画面の高さですか???
|
|
3
|
-
.boxの高さを画面の高さ
|
|
3
|
+
.boxの高さを画面の高さで固定ではないですか???
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
```lang-javascript
|
2
文法の修正
answer
CHANGED
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
うん???
|
|
2
2
|
bodyの高さを画面の高さですか???
|
|
3
|
-
.boxの高さを画面の高さではないですか???
|
|
3
|
+
.boxの高さを画面の高さを固定ではないですか???
|
|
4
4
|
|
|
5
|
+
|
|
5
6
|
```lang-javascript
|
|
6
7
|
// 読み込み時に高さを取得する。
|
|
7
8
|
window.addEventListener('load', function() {
|
|
8
9
|
|
|
9
|
-
function setHeight () {
|
|
10
|
+
function setHeight (el) {
|
|
10
11
|
const box = document.getElementById('.box');
|
|
11
|
-
const
|
|
12
|
+
const windowHeight = window.innerHeight;
|
|
12
|
-
|
|
13
|
+
el.style.maxHeight = windowHeight + 'px';
|
|
13
14
|
}
|
|
14
15
|
|
|
15
|
-
setHeight();
|
|
16
|
+
setHeight(box);
|
|
16
17
|
|
|
17
18
|
});
|
|
18
19
|
```
|
|
@@ -22,10 +23,6 @@
|
|
|
22
23
|
height: 100%;
|
|
23
24
|
}
|
|
24
25
|
|
|
25
|
-
.boxOuter {
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
|
|
29
26
|
.box {
|
|
30
27
|
border: 1px solid #000;
|
|
31
28
|
overflow: auto;
|
1
文法の修正
answer
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
うん???
|
|
2
2
|
bodyの高さを画面の高さですか???
|
|
3
3
|
.boxの高さを画面の高さではないですか???
|
|
4
|
-
bodyの高さ固定するのは良くないので、この場合は.boxに親要素を作ってあげて親要素の高さを固定する方が良いです。
|
|
5
4
|
|
|
6
|
-
|
|
7
5
|
```lang-javascript
|
|
8
6
|
// 読み込み時に高さを取得する。
|
|
9
7
|
window.addEventListener('load', function() {
|