已阅读5页，还剩17页未读， 继续免费阅读
版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
理解标准文档流概念掌握float浮动定位属性熟悉float定位清除设置浮动定位实现的效果标准文档流概念标准文档流概念标准文档流概念标准文档流指的是在不使用其他与排列和定位相关的特殊CSS规则时，各种元素的排列规则。HTML就是一种标准文档流文件。标准文档流概念高低不齐、底边对齐效果
微观现象空白折叠现象
自动换行
标准文档流概念元素等级块级元素
行内元素
行内块元素
浮动定位属性脱离标准文档流的方法方法一：浮动
方法二：绝对定位
方法三：固定定位
浮动定位属性浮动定位概念元素的浮动是指设置了浮动属性的元素会脱离标准文档流的控制，移动到指定位置的过程。浮动定位属性脱离标准流
任何元素都可以浮动
浮动的元素互相贴靠一起的
浮动定位属性float浮动属性在CSS中，通过float属性定义浮动，语法如下：选择器{float:left|right|none|inherit}浮动定位属性浮动定位清除设置<div>与</div>之间相当于一个容器，<div>中还可以嵌套多层<div>。浮动定位清除设置为什么清除浮动？浮动定位清除设置父盒内不存在其他普通流元素，浮动后出现高度塌陷的情形。清除浮动的方法一额外标签法，是W3C推荐的做法，是通过在浮动元素末尾添加一个空的标签，应用clear：left/right/both。浮动定位清除设置清除浮动的方法二父级添加overflow属性方法，给父级添加：overflow为hidden|auto|scroll都可以实现。浮动定位清除设置清除浮动的方法三使用after伪元素清除浮动，:after方式为空元素额外标签法的升级版，好处是不用单独加标签了。浮动定位清除设置小结
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 浙江省2026年中考考前对标适应性考试三模数学试题附答案
- 2026年服务机器人项目投资回报周期与成本效益测算模型
- 2025年前台服务沟通考核卷
- 病区护理团队协作机制
- 2026年政府和社会资本合作新机制规范实施与使用者付费项目设计指南
- 2026年智慧鸡舍用工减少七成产蛋率提升六个点
- 2026年设计创意产业AI PC实时渲染AIGC内容生成工作流
- 2026年智能评估技术AI房价预测在反向抵押养老保险定价中应用
- 电信行业用户数据安全保障方案
- 防高坠安全专项施工方案(钢结构)
- 记账实操-能源电力行业全盘账务处理分录
- 2026年宁夏石嘴山市单招职业适应性测试题库含答案详解（培优a卷）
- 2026四川成都兴城融晟科技有限公司招聘网络运维工程师、项目经理2人考试备考题库及答案解析
- 2026年六安职业技术学院单招职业适应性考试题库附答案详解（轻巧夺冠）
- 2024陆上风电场安全生产标准化实施规范
- 基于PLC的混凝土搅拌站控制系统设计
- 药品经营和使用质量监督管理办法培训
- 2024年福建厦门航空招聘笔试参考题库附带答案详解
- 《仪表飞行课程》课件
- 角度测量-水平角测量误差与注意事项(水利水电工程测量课件)
- 工商管理专业 酒店业人力资源流动管理分析
评论
0/150
提交评论