title: height attribute is not working as expected for html <object> tag
body: <p>I am new to HTML and learning it from w3schools. I am looking at object tag and trying to display a pdf in a browser. I am unable to understand why the height attribute doesn't work in below code</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8"/&gt;
      &lt;title&gt;try here&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;object data="redBus_Ticket_25718916.pdf" type="application/pdf" height="100%" width="100%"&gt;sample&lt;/object&gt; 
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I am expecting the entire page to be a PDF document. but what I see is,</p>
  
  <p><img src="https://i.stack.imgur.com/r9grr.png" alt="enter image description here"></p>
  
  <p>Can some one tell me reason for such behavior ?</p>
  
  <p>Interestingly when I remove the  definition, it works as expected. Don't know how they are related.Please help me in understanding the behavior.</p>