回答編集履歴

3

誤字の修正

2018/02/11 23:41

投稿

退会済みユーザー
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  bodyの高さを画面の高さですか???
4
4
 
5
- .boxの高さを画面の高さ固定ではないですか???
5
+ .boxの高さを画面の高さ固定ではないですか???
6
6
 
7
7
 
8
8
 

2

文法の修正

2018/02/11 23:41

投稿

退会済みユーザー
test CHANGED
@@ -2,7 +2,9 @@
2
2
 
3
3
  bodyの高さを画面の高さですか???
4
4
 
5
- .boxの高さを画面の高さではないですか???
5
+ .boxの高さを画面の高さを固定ではないですか???
6
+
7
+
6
8
 
7
9
 
8
10
 
@@ -14,19 +16,19 @@
14
16
 
15
17
 
16
18
 
17
- function setHeight () {
19
+ function setHeight (el) {
18
20
 
19
21
  const box = document.getElementById('.box');
20
22
 
21
- const boxHeight = window.innerHeight;
23
+ const windowHeight = window.innerHeight;
22
24
 
23
- box.style.height = boxHeight + 'px';
25
+ el.style.maxHeight = windowHeight + 'px';
24
26
 
25
27
  }
26
28
 
27
29
 
28
30
 
29
- setHeight();
31
+ setHeight(box);
30
32
 
31
33
 
32
34
 
@@ -46,14 +48,6 @@
46
48
 
47
49
 
48
50
 
49
- .boxOuter {
50
-
51
-
52
-
53
- }
54
-
55
-
56
-
57
51
  .box {
58
52
 
59
53
  border: 1px solid #000;

1

文法の修正

2018/02/11 23:41

投稿

退会済みユーザー
test CHANGED
@@ -3,10 +3,6 @@
3
3
  bodyの高さを画面の高さですか???
4
4
 
5
5
  .boxの高さを画面の高さではないですか???
6
-
7
- bodyの高さ固定するのは良くないので、この場合は.boxに親要素を作ってあげて親要素の高さを固定する方が良いです。
8
-
9
-
10
6
 
11
7
 
12
8