【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 教程 » 正文

CSS浮动概念

放大字体  缩小字体 发布日期:2020-06-19 14:16:58    浏览次数:9
导读

  html元素依照默认规则从上到下从左到右依次排列布局的方式 给元素设置float这个css元素后,可以产生让元素脱离文档流的效果,按照浮动的方向漂浮起来, 直到遇到自己爸爸的边框或者遇到其他浮动元素。  当给三个son都设置右浮动的时候,首先代码是从上往下执行的,所以最先漂浮到最右边的是son1,然后son2,再到son3

  html元素依照默认规则从上到下从左到右依次排列布局的方式 给元素设置float这个css元素后,可以产生让元素脱离文档流的效果,按照浮动的方向漂浮起来, 直到遇到自己爸爸的边框或者遇到其他浮动元素。

  当给三个son都设置右浮动的时候,首先代码是从上往下执行的,所以最先漂浮到最右边的是son1,然后son2,再到son3

  当只给son1设置左浮动的时候;son1会漂浮起来,son2顶上去,但是显示的是son1,因为son1 漂浮起来挡住了son2,son2是在在son1的后面的,绿色部分为son2,。

  当给son1跟最后一个son3设置左浮动的时候,son2会顶上去,躲在son1的后面,显示son1跟son3, 最后son3不会改变位置,因为给元素设置浮动,只会对元素后面的元素产生影响, son3是最后一个,后面没有其他元素,所以位置不变,但是son3也是漂浮起来的了

 
关键词: css右浮动
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-289012.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4