title: Display entire contents of an iframe without scrolling
body: <p>I want to display the entire contents of the iframe so that there is only the default browser scroll bar. I can not seem to get rid of the iframe verticle scroll bar. Any suggestions?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;head&gt;
  &lt;style&gt;
  #content{
  
   min-height: 100vh;
  color:#1b1b1b; /*-light black-*/
  font-size: 1.1em;
  background-color:#f2f0ea;/* --off- yellow-white-- */
  padding:1%;
  border-radius:5px;
  }
  &lt;/style&gt;
  &lt;head&gt;
  &lt;html lang = "en"&gt;
  &lt;body&gt;
      &lt;div style="content"&gt;
          &lt;iframe style="overflow:hidden; position: float; display:block;  min-height: 100vh;  background-color: #f2f0ea; border: none;" 
                  src="https://docs.google.com/document/d/1L3-ogIreQhm-aHutOfKjDI17buwCJRrkzmwvQGMafGw/pub?embedded=true" 
                  height=100% width=100%&gt;&lt;/iframe&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>