質問編集履歴
2
ていせお
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,9 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
[https://codepen.io/anon/pen/MEwNgz](https://codepen.io/anon/pen/MEwNgz)
|
|
4
4
|
|
|
5
|
-
期待している結果としては、\#subの高さがウィンドウの高さに常になることなのですが、\#subの高さがウィンドウの高さになってくれるのは、初期のページ読み込み時の
|
|
5
|
+
期待している結果としては、\#subの高さがウィンドウの高さに常になることなのですが、\#subの高さがウィンドウの高さになってくれるのは、初期のページ読み込み時のスクロールしなくても表示される領域が対象のようで、スクロールしないと表示されない領域部分に関しては、height: 100%が適用されずに余白がうまれてしまうようです。
|
|
6
|
-
ページ読み込み後にウィンドウの高さが変わってしまうと、#subの高さは初期表示時の高さで固定されてしまい、
|
|
7
|
-
画像のように余白が生まれてしまうようです。
|
|
8
6
|
|
|
9
7
|
HTMLとCSSでどうにかできないものでしょうか？
|
|
10
8
|
|
1
\\
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,8 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
[https://codepen.io/anon/pen/MEwNgz](https://codepen.io/anon/pen/MEwNgz)
|
|
4
4
|
|
|
5
|
-
期待している結果としては、#subの高さがウィンドウの高さに常になることなのですが、
|
|
6
|
-
#subの高さがウィンドウの高さになってくれるのは、初期のページ読み込み時のウィンドウ高さが対象のようで、
|
|
5
|
+
期待している結果としては、\#subの高さがウィンドウの高さに常になることなのですが、\#subの高さがウィンドウの高さになってくれるのは、初期のページ読み込み時のウィンドウ高さが対象のようで、
|
|
7
6
|
ページ読み込み後にウィンドウの高さが変わってしまうと、#subの高さは初期表示時の高さで固定されてしまい、
|
|
8
7
|
画像のように余白が生まれてしまうようです。
|
|
9
8
|
|