是否可以确定内容是否大于视口？我有这样的网页
=======================================
+--------------------------------+ ^
| header | |
| | |
+--------------------------------+ |
| | |
| | |
| | viewport
| main | |
| | |
| | |
+--------------------------------+ |
| footer | |
+--------------------------------+ V
=======================================
在默认情况下，借助样式position: fixed，页脚会停留在浏览器底部。当main的内容足够短以至于整个页面适合视口时。页脚样式更改为position: relative，因此如果main中的文本太大而无法容纳在视口中，则页脚会随着文本向下移动。 如果正文中的文本足够短，以至于无法适合视口，则页脚应保留fixed。当文本较长或使用较小的屏幕尺寸时，页脚位置应更改为relative ，当我希望页脚移动时，页脚位置应为 在视口之外。
如何确定main的高度足够大以至于应将页脚向下推？
=======================================
+--------------------------------+ ^
| header | |
| | |
+--------------------------------+ |
| | |
| | |
| | viewport
| main | |
| | |
| | |
| | |
| | |
| | V
=======================================
| |
| |
+--------------------------------+
| footer |
+--------------------------------+
更新：实际上，我不只是希望页脚停留在页面底部。如果页面总高度短于视口，我希望页脚仅停留在页面底部。如果页面内容使页面比视口高，则只有到那时，才应将页面脚与内容一起向下推。我认为下面的Pete's评论可能会帮助我解决这个问题。
更新2：通过使用一些JavaScript得以解决。抱歉，您提出的问题很微不足道，但是在这里提问几乎可以阻止逃避我的真正简单的解决方案。谢谢大家。