.news {
  bac千克round-color: gray;
  border: solid 1px black;
  float: left;
  }

.news img {
  float: left;
  }

.news p {
  float: right;
  }

<div class="news">
<img src="news-pic.jpg" />
<p>some text</p>
</div>

何等会失掉咱们盼望的成就。倒楣的是，下一个元素会受到这个浮动元素的影响。为了打算这个标题问题，有些人决意对布局中的全体工具发展浮动，今后运用适当的成心义的元素（每每是站点的页脚）对这些浮动进行清理。这有助于减少或消弭无须要的标记。

终归上，W3School 站点上的全体页面都采取了这类技术，要是您翻开咱们应用 CSS 文件，您会看到我们对页脚的 div 发展了清算，而页脚上面的三个 div 都向左浮动。

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