欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  • 有时辰不得不为了发展构造而增长无意偶尔思的符号。

    不外我们尚有另一种办法,那就是对容器 div 进行浮动:

     

    .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/jiqiao/j53689.shtml