clear:both下依然发生float环绕效果实例页面

展示

我是帅哥，好巧啊，我也是帅哥，原来看这本书的人都是帅哥~

虽然你很帅，但是我对你不敢兴趣。

代码

• HTML：

  <div class="father">
      <img src="/images/common/l/zxx.jpg">
      我是帅哥，好巧啊，我也是帅哥，原来看这本书的人都是帅哥~
  </div>
  <div>虽然你很帅，但是我对你不敢兴趣。</div>

• CSS：

  .father {
      border: 1px solid #444;
  }
  .father:after {
      content: "";
      display: table;
      clear: both;
  }
  .father img {
      float:left;
      width: 60px; height: 64px;
  }
  .father + div {
      margin-top: -2px;
  }