console
<h3>测试浮动</h3>
<div style="border: 5px solid #6EBD91;">
<div style="float: left; border: 5px solid #F4D491;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus, maxime fuga assumenda excepturi, exercitationem rerum quae voluptates sunt perspiciatis cupiditate sed itaque officia, placeat minus iure quod expedita earum nam.Eum aliquam totam iure mollitia deserunt, minus repellendus. Harum ullam tenetur, impedit aliquam nobis ut dignissimos eligendi, expedita illum iste esse odio ab quos explicabo, odit architecto. Tempora, hic facilis?</div>
</div>
<h3>清除浮动</h3>
<pre><code>overflow: hidden;</code></pre>
<div style="border: 5px solid #6EBD91; overflow: hidden;">
<div style="float: left; border: 5px solid #F4D491;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus, maxime fuga assumenda excepturi, exercitationem rerum quae voluptates sunt perspiciatis cupiditate sed itaque officia, placeat minus iure quod expedita earum nam.Eum aliquam totam iure mollitia deserunt, minus repellendus. Harum ullam tenetur, impedit aliquam nobis ut dignissimos eligendi, expedita illum iste esse odio ab quos explicabo, odit architecto. Tempora, hic facilis?</div>
</div>
<pre><code>display: inline-block;</code></pre>
<div style="border: 5px solid #6EBD91; display: inline-block;">
<div style="float: left; border: 5px solid #F4D491;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus, maxime fuga assumenda excepturi, exercitationem rerum quae voluptates sunt perspiciatis cupiditate sed itaque officia, placeat minus iure quod expedita earum nam.Eum aliquam totam iure mollitia deserunt, minus repellendus. Harum ullam tenetur, impedit aliquam nobis ut dignissimos eligendi, expedita illum iste esse odio ab quos explicabo, odit architecto. Tempora, hic facilis?</div>
</div>
<h3>内联IFC</h3>
<span style="display: inline-block; background-color: #6EBD91;">
Lorem ipsum dolor sit amet.
<span style="float: left; background-color: chocolate;">Lorem, ipsum.</span>
<div style="background-color: #F4D491;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repellat labore, ipsa quo possimus mollitia, officiis quia provident inventore placeat nulla, rem velit ratione ducimus. Facilis eos repudiandae debitis quam voluptatem.</div>
Lorem ipsum dolor sit amet consectetur.
</span>
<h3>内联IFC</h3>
<span>
Lorem ipsum dolor sit amet consectetur,
<div style="background-color: #F4D491;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores sequi recusandae minima voluptatum consequatur fugiat non magni sit aspernatur aliquam!</div>
adipisicing elit. Minima, quia?
</span>
<h3>左图右文</h3>
<div>
<img style="float: left; width: 140px;" src="https://tva1.sinaimg.cn/large/00831rSTly1gcel7v9ji4j3041041wec.jpg" alt="">
<div style="margin-left: 150px;">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos eligendi numquam nihil excepturi sint reiciendis iusto maiores nostrum fugiat harum?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam, perspiciatis magnam consectetur corrupti suscipit a ratione sunt commodi beatae ad!</p>
</div>
</div>