Css 如何使应用程序脚本web应用程序显示为实际可用高度的100%？
我有谷歌应用程序脚本web应用程序。它应该只显示一个蓝色背景，即屏幕的视图高度 这是密码Css 如何使应用程序脚本web应用程序显示为实际可用高度的100%？,css,google-chrome,google-apps-script,iframe,Css,Google Chrome,Google Apps Script,Iframe,我有谷歌应用程序脚本web应用程序。它应该只显示一个蓝色背景，即屏幕的视图高度 这是密码 <html> <head> <style> html, body { margin: 0px; height: 100vh; background-color:lightblue; } </style> </head> <body> </
<html>
<head>
<style>
html, body {
margin: 0px;
height: 100vh;
background-color:lightblue;
}
</style>
</head>
<body>
</body>
</html>
html，正文{
边际：0px；
高度：100vh；
背景颜色：浅蓝色；
}
<style>
html, body, iframe#sandboxFrame, .full_size {
margin: 0 !important;
padding: 0 !important;
height: 100% !important;
width: 100% !important;
background-color: lightblue;
}
</style>
html、正文、iframe#沙盒框架、.全尺寸{
边距：0！重要；
填充：0！重要；
身高：100%！重要；
宽度：100%！重要；
背景颜色：浅蓝色；
}
使用google chrome工具在web浏览器中停用这些样式，然后向需要的元素添加100vh。你应该可以得到你想要的结果。我尝试了这个，div在GAS WEB应用程序上神奇地占据了整个高度，但很抱歉，我没有足够的经验来进一步解释
#divID {
position: fixed;
height: 100%;
top: 0;
width: 100%;
}
还显示“后滚动”图片。添加了chrome标签，因为该问题在Firefox中无法重现。如果该问题在其他浏览器中也可以重现，请还原我的编辑。谢谢，我已经这样做了。你是对的，在IE中似乎也不错。所以可能只是一个Chrome的东西。试试
overflow:hidden！重要信息#divID {
position: fixed;
height: 100%;
top: 0;
width: 100%;
}