对容器 div 进行浮动

2019-09-08 郑州网站建设  

.news { bac千克round-color: gray; border: solid 1px black; float: left; } .news img { float: left; } .news p { float: right; } <div class="news"> <img src=http://www.divcss5.com/css3-style/"news-pic.jpg" /> <p>some text</p> </div>

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

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


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1387.html转载请标明出处,谢谢合作!
标签:
  • DIV
  • 进行
  • 浮动
  • 容器
  • .news
  • bac
  • 千克
  • ro