让周围的元素为浮动元素留出空间

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

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

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

  .news {
      
    background-color: gray;
      
    border: solid 1px black;
  
    }
  
  .news img {
      
    float: left;
  
    }
  
  .news p {
      
    float: right;
  
    }
      
  
  
  some text
  
  

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

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！