ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

浮动与定位

2021-11-21 08:02:00  阅读:133  来源: 互联网

标签:浮动 定位 父级 清除 元素 overflow


CSS的定位机制有3种:普通流(标准流)、浮动和定位

浮动脱离标准流,不占位置,会影响标准流。浮动只有左右浮动。

 

 

1、浮动后的元素会漂浮在其他元素上边
2、浮动后的元素是不占原来的位置
3、浮动后的元素不能超出父元素的范围
4、浮动后的元素在同一水平线上显示
5、浮动后的元素会自动的转化为行内块元素
6、浮动后的元素不能超出父元素的内边距和边框

清除浮动主要为了解决父级元素因为子级浮动引起内部高度为0的问题。

1、额外标签法<divstyle=”clear:both”></div>,

、2、父级添加overflow属性方法    可以给父级添加:overflow为hidden|auto|scroll都可以实现。

3.伪元素清除浮动
在父元素中使用after伪元素清除浮动、

 

 

 

当对多个元素同时设置定位时,定位元素之间有可能会发生重叠 

可以对定位元素应用z-index层叠等级
属性,其取值可为正整数、负整数和0。

 

标签:浮动,定位,父级,清除,元素,overflow
来源: https://www.cnblogs.com/whwqf/p/15583347.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有