float
来源:互联网 发布:linux读取u盘文件 编辑:程序博客网 时间:2024/05/19 17:05
1、浮动:使元素脱离标准普通流,移动到其父元素中相应位置
选择器{float:属性值;}left 元素向左浮动right 元素向右浮动none 元素不浮动(默认值)
2、范围:不会超出父元素范围(包含padding)
3、浮动位置
1、和前一个(块元素)是否浮动有关2、如果其中一个子级有浮动的,则其他子级都需要浮动3、浮动脱离标准流,不占位置,会影响后面的标准流4、元素添加浮动后,元素会具有行内块元素的特性(可以设置宽和高)5、父元素会失去高度,影响布局(需要清浮动)
3、浮动带来的影响(清浮动)
方法一:在父元素最后添加元素 设置 {clear:属性值;} left 不允许左侧有浮动元素(清除左侧浮动的影响) right 不允许右侧有浮动元素(清除右侧浮动的影响) both 同时清除左右两侧浮动的影响方法二:父级设置属性:overflow overflow为 hidden|auto|scroll 方法三:使用伪元素清除浮动:after .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {*zoom: 1;}
阅读全文
0 0
- float
- float
- float
- float
- float
- float
- float
- float
- float
- float
- float
- float
- float
- Float
- float
- float
- float
- float**类型与float*
- stl迭代器模式
- 初始HTML
- (搬运).net起步 (通过 Membership 进行权限控制)
- 【合并Shader】合并渲染状态
- angularjs之checkbox
- float
- Lecture3: Evaluation
- android热修复--手写热修复
- SonicOperator之算法优化2
- ubuntu 16.04 源码安装 nginx
- canvas 绘图出现模糊问题的解决方法
- Mac OS 10.13 High Sierra beta 测试版 离线系统镜像dmg
- [一天几个linux命令] Linux的账号与群组
- 单链表基础面试题