CSS clearfix "Hack"

没有设置 container 容器 overflow: auto 以前

<div style="border: 1px solid red;">
    <p>
            <img src="./css/repeat.png" alt="" style="width: 100px; height: 100px; float: right">
            some text some text some text some text some text some text some text some text some text some text some
            text some text
    </p>
</div>

 

图片溢出了容器边框

 

设置 container 容器 overflow: auto 以后

<div style="border: 1px solid red; overflow: auto;">
    <p>
            <img src="./css/touxiang.png" alt="" style="width: 100px; height: 100px; float: right">
            some text some text some text some text some text some text some text some text some text some text some
            text some text
    </p>
</div>

容器包含了图片