1

我有一个显示 html 文件的简单脚本

function doGet(e) {
     return HtmlService.createTemplateFromFile('Final Contract Agreement').evaluate();
}

和相应的html：

 <html>
   <head>
     <style type="text/css">
     #content{
          padding :0 0;
          margin : 0 auto;
          width: 800px;
          height : 600px;
          background: #FFFFFF;
     }
     body{
         background: #dbdad4;
         margin : 0;
     }
     #header{
         width: 100%;
         height: 82px;
         background: #4F2170;
         background-repeat:no-repeat;
     }
     #header h1{
         vertical-align:middle;
         text-align:right;
         color: white;
         padding-right: 50px;
     }
     </style>
 </head>
 <body>
    <div id="header">
      <h1>
         Contract Form
      </h1>
     </div>
    <div id="content">
       <h3>
        Hello World! 
        <?= new Date() ?>
      </h3>
    </div>
  </body>
 </html>

它输出：

空白

我已经尝试在元素上设置所有边距/填充的组合，但没有什么能摆脱顶部的空白。当我将相同的代码放在飞机简 html 文件中时，它工作得很好。

4

1 回答 1

1

我猜 caja 正在将空格添加到顶部，这个 css 为我删除了空格：

  * {
    margin: 0;
  }

对于那些想知道这就是我如何让它占据整个浏览器窗口的人：

  html {
    height:100%;
  }
  body{
    height:100%;
  }
于 2013-03-07T17:54:00.683 回答