teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

試したことを追記

2020/04/12 03:19

投稿

kkkkk12
kkkkk12

スコア8

title CHANGED
File without changes
body CHANGED
@@ -21,4 +21,33 @@
21
21
 
22
22
  <h5>Footer</h5>
23
23
 
24
- ```
24
+ ```
25
+ ### 試したこと
26
+
27
+
28
+ ```html
29
+ <div style="height:10vh;">
30
+ <h5>Titile</h5>
31
+ </div>
32
+
33
+ <div style="height:80vh; width:200px; overflow-y:auto;">
34
+ <table border="1">
35
+ <tr><th>A</th></tr>
36
+
37
+ <!--これが大量-->
38
+ <tr><td>1</td></tr>
39
+ <tr><td>1</td></tr>
40
+ <tr><td>1</td></tr>
41
+ </table>
42
+ </div>
43
+ <div style="height:10vh;">
44
+ <h5>Footer</h5>
45
+ </div>
46
+ ```
47
+ ### 発生している問題・エラーメッセージ
48
+ 上記のようにdivで囲んで vh指定する方法だと
49
+ tableだけでなく、全体的にもスクロールバーが表示され、
50
+ ブラウザの大きさによってはfooterが表示されません。
51
+ また、小さくするとTitleとtableが重なってしまいます。
52
+
53
+ こういう場合はどうするのか分からず質問させていただきました。