Обтекание вложенного div по элементу

241

24 августа 2017, 18:47

Имеется два div.

У div c id="block1" задана ширина и меняется автоматически в зависимости от ширины экрана.

У div c id="block2" ширина не задана. Как можно сделать, чтобы у этого div было обтекание по тексту или любому другому элементу?

Сейчас у него ширина такая же, как у div c id="block1".

#block1{ 
  width:35%; 
  background:green; 
  color:#ffffff; 
} 
#block2{  
  background:red; 
}

<div id="block1"> 
  <p>Привет Привет Привет</p> 
  <div id="block2"><p>Привет fff Привет Привет Привет Привет Привет</p></div> 
 
</div>

Answer 1

Давай тогда разбираться на примере ... чем именно плох флоат?

#block1{ 
  width:35%; 
  background:green; 
  color:#ffffff; 
} 
 
#block1:after { 
  content: ''; 
  display: table; 
  clear: both; 
} 
 
#block2{ 
  float: right; 
  background:red; 
} 
 
.block2_content { 
  width: 100px; 
  height: 100px; 
}

<div id="block1"> 
  <p>Привет Привет Привет</p> 
  <div id="block2"> 
    <div class="block2_content"></div> 
   </div> 
  <p>Привет Привет Привет Привет Привет Привет</p> 
  <p>Привет Привет Привет Привет Привет Привет</p> 
  <p>Привет Привет Привет Привет Привет Привет</p> 
  <p>Привет Привет Привет Привет Привет Привет</p> 
  <p>Привет Привет Привет Привет Привет Привет</p> 
  <p>Привет Привет Привет Привет Привет Привет</p> 
 
</div>