我希望有一个包含框（div元素）的网页，其中包含填满整个屏幕的信息。这个JSFiddle显示我的问题，红色框（数字3）需要向上移动并填满空白区域：
https://jsfiddle.net/whug4kL1/
以下网站显示完全我想要实现的目标：
当我检查上述网站的源代码时，他们会在框中使用position: absolute并对top和left进行硬编码。在处理动态数据时，您如何知道预先用于top和left的像素数量？
那么，如何创建一个用框（div元素）填满屏幕的页面，不留任何垂直空格？我会采取任何可行的解决方案，但我更喜欢＆＃34;最佳实践＆＃34;解决方案，而不是一些狡猾的＆＃34; JavaScript hack＆＃34;。