我有两个div元素.DIV1具有设定的高度,并且DIV2的高度比DIV1高. 我想让DIV2环绕DIV1.在纯CSS3中有没有出路? Floats I tried but it doesn't work as expected个
.div1 {
float: left;
width: 30%;
background: orange;
display: inline;
}
.div2 {
float: left;
background: skyblue;
display: inline;
}
<div class="wrapper">
<div class="div1">This is div1. It needs be on the left having particular width
<p>Not able to sort it out yet</p>
</div>
<div class="div2">
<p>Text content of div2. It will wrap around div1 after its height.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra aliquet tellus nec cursus. Donec quis neque non lectus bibendum condimentum vel quis neque. Nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra aliquet tellus nec cursus. Donec quis neque non lectus bibendum condimentum vel quis neque. Nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra aliquet tellus nec cursus. Donec quis neque non lectus bibendum condimentum vel quis neque. Nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra aliquet tellus nec cursus. Donec quis neque non lectus bibendum condimentum vel quis neque. Nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra aliquet tellus nec cursus. Donec quis neque non lectus bibendum condimentum vel quis neque. Nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra aliquet tellus nec cursus. Donec quis neque non lectus bibendum condimentum vel quis neque. Nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra aliquet tellus nec cursus. Donec quis neque non lectus bibendum condimentum vel quis neque. Nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra aliquet tellus nec cursus. Donec quis neque non lectus bibendum condimentum vel quis neque. Nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra aliquet tellus nec cursus. Donec quis neque non lectus bibendum condimentum vel quis neque. Nulla facilisi.</p>
</div>
</div>