title: Why the 'float' css attribute influence parent sibling div?
body: <p>I've this simple html code, I want to know why the parent sibling div is influenced by the float css arrtibute. Is float is relative to the window not the block the element with float arrti in?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.floatLeft {
    float:left;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div &gt;
    &lt;img class="floatLeft" src="https://i.stack.imgur.com/xdrQi.jpg?s=48&amp;g=1"/&gt;
    &lt;p&gt;test&lt;/p&gt;
  &lt;/div&gt;
  &lt;div&gt;
    &lt;p&gt;test1&lt;/p&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>