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

这篇文章主要讲解了“CSS怎么让周围的元素为浮动元素留出空间”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“CSS怎么让周围的元素为浮动元素留出空间”吧！

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

  

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

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

  
  

  .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 不攻克空间。

感谢各位的阅读，以上就是“CSS怎么让周围的元素为浮动元素留出空间”的内容了，经过本文的学习后，相信大家对CSS怎么让周围的元素为浮动元素留出空间这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！