title: Div has margin-top, but I don't added it
body: <p><img src="https://i.stack.imgur.com/qV1bI.png" alt="enter image description here" /></p>
  <p>I have 2 divs and in seconds style I didnt set margin-top. Green is .header and aqua is .products</p>
  <pre><code>.header {
      width: 100%;
      height: 100vh;
      background: #32a852;
  }
  .products {
      margin-bottom: 80px;
      min-height: 100vh;
      background: #bfd8ff;
  }
  &lt;header&gt;
      &lt;div class=&quot;header&quot;&gt;
          &lt;div class=&quot;navbar&quot;&gt;
              &lt;div class=&quot;logo&quot;&gt;
                  &lt;img src=&quot;img/logo.png&quot; class=&quot;companylogo no-select&quot; onclick=&quot;reload();&quot;&gt;
                  &lt;img src=&quot;img/menu.png&quot; class=&quot;menuicon no-select&quot; onclick=&quot;menutoggle();&quot;&gt;
              &lt;/div&gt;
              &lt;nav&gt;
                  &lt;ul id=&quot;menuitems&quot;&gt;
                      &lt;li&gt;&lt;a href=&quot;&quot; class=&quot;no-select&quot;&gt;Главная&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;&quot; class=&quot;no-select&quot;&gt;Продукты&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;&quot; class=&quot;no-select&quot;&gt;Услуги&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;&quot; class=&quot;no-select last&quot;&gt;Контакты&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/nav&gt;
          &lt;/div&gt;
          &lt;div class=&quot;header-content&quot;&gt;
              &lt;b&gt;&lt;p class=&quot;companyname&quot;&gt;ВВВВВВВВВВВВВВВ&lt;/p&gt;&lt;/b&gt;
              &lt;p class=&quot;welcometext&quot;&gt;Здесь вы можете купить саженцы деревьев, цветы и многое другое,&lt;/br&gt; а так же у нас есть садовые услуги&lt;/p&gt;
              &lt;p class=&quot;welcometext&quot;&gt;Hайдете все для дома и дачи!&lt;/p&gt;
              &lt;span class=&quot;typed-text&quot;&gt;&lt;/span&gt;&lt;span class=&quot;cursor&quot;&gt;&amp;nbsp;&lt;/span&gt;
              &lt;div class=&quot;animationdiv&quot;&gt;&lt;img src=&quot;img/animation.gif&quot; class=&quot;animation no-select&quot;&gt;&lt;/div&gt;
              &lt;div class=&quot;open-close&quot;&gt;
                  &lt;p class=&quot;open-close-title&quot;&gt;Время когда мы работаем&lt;/p&gt;
                  &lt;img src=&quot;img/time.png&quot; class=&quot;time no-select&quot;&gt;&lt;br&gt;
                  &lt;p class=&quot;open-close-text&quot; id=&quot;open-close-text&quot;&gt;&lt;/p&gt;
                  &lt;p&gt;С &lt;b&gt;9:00&lt;/b&gt; До &lt;b&gt;6:00&lt;/b&gt;&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/header&gt;
  &lt;div class=&quot;products&quot;&gt;
      &lt;h1&gt;PRODUCTS&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Interesting what details stackoverflow needs? Can you save my heavydirtysoul?</p>