Parent div did't get height if child div is absolute : I just stuck in `position`, I used `position:relative` for parent and `position:absolute` for child now parent div did't get height and i don't want to use `min-height` or `height`. You can see the red `border` on top which is the parent div `border`.

**[fiddle code][1]**

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    .box {
      text-align: center;
      border: 1px solid red;
      width: 500px;
      margin: 0 auto;
      position: relative;
    }

    .content {
      width: 50%;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
    }

<!-- language: lang-html -->

    <div class="box">
      <div class="content">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda adipisci vel, dolore aspernatur iste iure blanditiis quam esse repudiandae aperiam debitis doloribus necessitatibus placeat tempora voluptate totam exercitationem neque quae.
      </div>
    </div>

<!-- end snippet -->

Anyone help me to how i get it ?

Thanks


  [1]: https://jsfiddle.net/f8ugb7c8/