Как сделать так, чтобы блок обтекал дочерние элементы?

Question

[Emmet1]

Думаю каждый сталкивался с такой проблемой, когда блок не обтекает контент. Зачастую помогает overflow hidden или float left.
В моем случае hidden использовать нельзя, так как за пределами блока есть контент выведен абсолютным позиционированием. И float left. также не подходит так как блок имеет margin: 0 auto;

Как в такой ситуации вы справляетесь с задачей?

Comments

[iBird Rose]

ты пример приведи на https://jsfiddle.net/ а то не понятно

Answer 1

[Максим]

.clear,
.clear:after,
.clear:before{
 content:"";
 display:table;
 clear:both;
}

применять можно так :

<div class="parent clear"> 
      <div class=""></div>  в css дать ему float:left;
      <div class=""></div>  в css дать ему float:left;
 </div>

либо добавить пустой блок с class="clear" :

<div class="main"> 
      <div class=""></div>  в css дать ему float:left;
      <div class=""></div>  в css дать ему float:left;
</div>
<div class="clear"></div>