title: Django template extends tag added extra space on top
body: <p>I am using Django template with the built-in <code>extends</code> tag, I didn't put too much code in it, just a nav bar, but I get extra space on top of the browser, and that can not be traced in chrome developer tools. That extra space still exists, even if, I did like this:</p>
  
  <pre><code># base.html
  
  &lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  {% load staticfiles %}
  &lt;link rel="stylesheet" type="text/css" href="{% static "css/layout.css" %}" /&gt;
  &lt;/head&gt;&lt;body&gt;
      &lt;div&gt;&lt;p&gt;something here.&lt;/p&gt;
      &lt;/div&gt;    
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and then I extend it with just one line of code:</p>
  
  <pre><code># home.html
  
  {% extends "base.html" %}
  </code></pre>
  
  <p>Then rendered file still have this problem. I am using <strike><sup><sub>Django3.3</sup></sub></strike> Python 3.3 with Django1.6.</p>
  
  <p>It was really strange.</p>