title: CSS div (absolute within relative)
body: <p>How i can make 2 different divs elements A and B what they are included on a div element C .</p>
  
  <p>A and B to start from the same corner from top left, i try to change A and B to position absolute and working but i need A to keep it via position relative. the code can be found here <a href="https://jsfiddle.net/bms1upkn/2/" rel="nofollow noreferrer">https://jsfiddle.net/bms1upkn/2/</a></p>
  
  <p>Html
      <br />
      <br />
      <br />
      </p>
  
  <pre><code>&lt;div class="c"&gt;
    &lt;div class="a"&gt;
    &lt;/div&gt;
    &lt;div class="b"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="c"&gt;
    &lt;div class="a"&gt;
    &lt;/div&gt;
    &lt;div class="b"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="c"&gt;
    &lt;div class="a"&gt;
    &lt;/div&gt;
    &lt;div class="b"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="c"&gt;
    &lt;div class="a"&gt;
    &lt;/div&gt;
    &lt;div class="b"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.data {
    width: 100%;
  }
  .c {
    height: 200px;
    width: 25%;
    float: left;
    margin-left: 10px;
    margin-bottom: 20px;
  }
  .a {
    position: relative;
    background-color: red;
    height: 200px;
    width: 100%;
  }
  
  .b {
    position: absolute;
    background-color: green;
    height: 100px;
    width: 100px;
  }
  </code></pre>