• 为了实现这种功效，在被清理的元素的上外边距上增多足够的空间，使元素的顶边际垂直降落到浮动框下面：

  

  这是一个有效的东西，它让附近的元素为浮动元素留出空间。

  让我们更详细地看看浮动和清理。假如盼望让一个图片浮动到文本块的右边，何况盼望这幅图片和文本采集在另外一个具备后援色采和边框的元素中。您能够编写下面的代码：

   

  .news {
    background-color: gray;
    border: solid 1px black;
    }
  
  .news img {
    float: left;
    }
  
  .news p {
    float: right;
    }
  
  <div class="news">
  <img src="news-pic.jpg" />
  <p>some text</p>
  </div>
  

  这类状况下，泛起了一个问题。因为浮动元素来到了文档流，所以围困图片与文本的 div 不攻克空间。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/jiqiao/j53687.shtml