.box {position: absolute;}

とした要素の親要素の高さ（幅も？）がなくなるのを解消する
一般的な(clearfixのような)方法はありませんか？

[html]

<body>
    <div class="wrap">
      <div class="box_left">
        A
      </div>
      <div class="box_right">
        B
      </div>
    </div>
  </body>

[css]

before---------------------------------------------

  *{
    margin: 0;
    padding: 0;
  }

  .wrap{
    background: gray;
    position: relative;
    margin: 30px;
  }

  .box_left{
    width: 200px;
    height: 200px;
    background: tomato;
    /*position: absolute;*/
  }

  .box_right{
    width: 150px;
    height: 150px;
    background: lime;
    /*position: absolute;*/
    right:0;
  }

画像の説明をここに入力

after---------------------------------------------

.box {position: absolute;}

すると、

.wrap（グレー）の高さ（幅も？）がなくなる！
↓↓↓

*{
    margin: 0;
    padding: 0;
  }

  .wrap{
    background: gray;
    position: relative;
    margin: 30px;
  }


  .box_left{
    width: 200px;
    height: 200px;
    background: tomato;
    position: absolute;
  }

  .box_right{
    width: 200px;
    height: 200px;
    background: lime;
    position: absolute;
    right:0;
  }

画像の説明をここに入力
↑↑↑↑↑↑
.wrap（グレー）の高さ（幅も？）がなくなる！