Abolute position does take up space!

Abolute position does take up space!

by cent cent

HTML

<div class="container">
   <div class="child visible">
   child
   </div>
</div>
<p>
   You can see my child.
</p>

<div class="container">
   <div class="child">
   child
   </div>
</div>
<p>
   My child changes my dimensions!
</p>

CSS

.container {
	position: relative;
   background-color: blue;
   margin: 20px;
   width: 100px;
   height: 100px;
   overflow: auto;
}

.child {
   background-color: yellow;
   position: absolute;
   display: inline-block;
   padding: 5px;
   left: 120px;
}

.visible{ 
   left: 10px;
}