高度限制下依然发生float环绕效果实例页面

展示

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

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

代码

• HTML：

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

• CSS：

  .father {
      height: 64px;
      border: 1px solid #444;
  }
  .float {
      float:left;
  }
  .float img {
      width: 60px; height: 64px;
  }