html布局-定位

专业资料 > IT&计算机 > 计算机软件及应用 > 文档预览

5 页 1446 浏览 5 收藏 5.0分

摘要:基础布局-定位理解定位的使用场景能够说出相对定位的特点能够说出绝对定位的特点能够说出固定定位的特点能够说出粘性定位的特点能够理解子绝父相能够使用z-index控制层级能够说出三种隐藏元素的区别前言css中对html元素的管理是基于分层的管理，整个页面看起来是一个平面，实际是由浏览器解析每一层的元素布局和多层元素间的定位关系后汇总渲染成一个平面图片后展示出来的。布局和定位是css中两个重要的知识点，二者是针对完全不同的方面。布局：是管理同一层元素间的布局方式定位：是管理元素所在层级的定位方式position定位position:static|relative|absolute|fixed|sticky|inheritstatic-静态定位/非定位position:static;是元素的默认定位方式，无须进行设置该类元素存在于文档流中，并遵循文档流布局方式。此时偏移属性（top,right,bottom,left）和z-index属性无效relative-相对定位定义相对定位是最简单的定位机制，采用这种机制时，通过使用偏移属性移动定位元素。当元素相对定位时，它会从其正常位置移走，且基于正常位置进行偏移，不过，原来所占的空间并不会因此消失注意：虽然相对定位是基于正常位置进行偏移，但各个偏移属性的参照对象各不相同，如设置top是参照边为上边，设置bottom参照边则为正常位置的下边界百分比相对定位有一个奇怪的现象，虽然相对定位的数值型偏移属性是相对于自身的，但其百分比却是相对于父级的，top和bottom百分比相对于包含块的高度(内容高度)，left和righ

温馨提示：当前文档最多只能预览 5 页，若文档总页数超出了 5 页，请下载原文档以浏览全部内容。

下载文档到电脑，方便使用

下载文档

当前文档最多只能预览 5 页
还有 2 页可预览，继续阅读

本文档由匿名用户于 2021-04-12 10:42:40上传分享

下载原文档(27.91 KB)

你可能在找

【毛概课程题库】第10章-“五位一体”总体布局

第十章“五位一体”总体布局一、单项选择题（下列每题给出的四个选项中，只有一个选项是符合试题要求的）1.（D）是解决我国一切问题的基础和关键。A.文化B.交流C.外交D.发展2. A.教师B.公务员C.技术工人D.工程师6.经济改革的方向是要让（D）在资源配置中发挥决定性作用。A.科技、B.创新、C.政府、D.市场7.中国特色社会主义最本质的特征是（B）。

3.0 分 7 页 | 38.09 KB | 2020-03-01 12:47
WEB前端编码规范

XXXX有限公司XXXXXXXX管理平台Web前端代码编写规范文件状态：[√]草稿[]正式发布[]正在修改文件标识：当前版本：1.0作李光强者：完成日期：XXXXXX2016年1月修改历史编号1修订后版本号 1.0修订人李光强修订内容简述修订日期起草第一部分HTML规范HTML并不是一种编程语言，而是一种标记语言，它没有任何真正的编程语言中的循环或是流程控制语句。然而，HTML代码的格式和风格是非常重要的，因为要经常对HTML代码进行维护和修改，因此HTML代码必须有很清晰的逻辑结构和布局，而使其易懂和易于维护。

3.0 分 48 页 | 59.15 KB | 2019-12-30 08:55
烧脑CCG卡牌《水晶之歌》深度评测

http://www.soyohui.com/22553/gonglue/2493027.html烧脑CCG卡牌《水晶之歌》深度评测神秘的奎里斯塔大陆，四个种族和一个恶兽的创世大战，揭开了一场旷日持久的战争序幕爆脑CCG策略卡牌手游《水晶之歌》，拒绝无脑化，极富策略性，让你的每一次出手都将影响战局，让你的每一场战役都是策略的考验。多样化的游戏角色，精美的游戏画面，不一样的战斗体验，带给玩家全新的手游感受。精致2D蒸汽朋克画风在游戏画面上，《水晶之歌》也是拥有不俗的表现，多种多样的人物和怪物，精美的战斗画面和游戏场景，大气的游戏背景和充满魔幻气息的整体布局。无一不带给玩家视觉和感官上的新体验。

4.9 分 3 页 | 332.00 KB | 2021-04-07 04:53
《上古奇迹》今日2测-恶魔之血上古封存

http://www.soyohui.com/22560/news/2490434.html《上古奇迹》今日2测恶魔之血上古封存君海游戏“幻想X”魔幻ARPG手游系列三部曲已全员集结，第二部作品《上古奇迹魔三部曲的推出，是君海游戏今年定位全球发行的重要产品布局，坚持精品游戏，在品质和本土化上追求完美。 http://www.soyohui.com/22560/news/2490434.html游戏体验远不止于操作，《上古奇迹》定制的大型剧情专题【恶魔之血】此前上线就获得了很多小伙伴好评。

4.7 分 4 页 | 464.50 KB | 2021-06-03 18:28
布局-盒模型

基础布局-盒模型学习目标掌握盒模型的基本概念及其计算方式掌握boxsizing及怪异盒模型掌握CSS元素的分类掌握margin重叠和塌陷的原理及解决方法了解BFC前言在HTML中，所有文档元素都生成一个矩形框，描述一个元素在文档布局中所占的空间大小，称为元素盒子(elementbox)。而且，每个框影响着其他元素框的位置和大小，理解这些“盒子”的基本原理，是我们使用CSS实现准确布局、处理元素排列的关键。什么是CSS盒模型?

4.7 分 9 页 | 549.20 KB | 2021-03-02 20:09
酒吧如何布局？酒吧装修布局风水

酒吧如何布局？酒吧装修布局风水酒吧的风水不好对于经营也会造成一定影响，甚至会直接影响到老板的运势，所以在南昌酒吧装修过程中，对于风水问题绝对不能忽视。而且南昌酒吧装修过程中需要注意的风水问题有很多，譬如酒吧的装饰、颜色以及布局等等，这些都会对酒吧风水造成一定影响。而在这里江西应科装饰小编重点为各位介绍的是关于酒吧内的布局问题，看看南昌酒吧装修如何布局风水会更好一些。

4.6 分 2 页 | 107.50 KB | 2021-02-23 22:35
2019年中国儿童布鞋行业深度调研及发展走势预测报告目录

2019-2025年中国儿童布鞋行业深度调研及发展走势预测报告899956←咨询时，请说明此编号。￥7200元可开具增值税专用发票http://www.cninfo360.com/yjbg/qghy/zz/20190124/899956.html如需英文、日文、韩文等其他语言版本报告，请咨询客服。二、内容介绍2019-2025年中国儿童布鞋行业深度调研及发展走势预测报告《2019-2025年中国儿童布鞋行业深度调研及发展走势预测报告》主要依据国家统计局、发改委、国务院发展研究中心、国家信息中心、

4.8 分 11 页 | 27.20 KB | 2021-02-02 16:21
中国棉麻坯布行业市场深度调研分析报告目录

2018-2024年中国棉麻坯布行业市场深度调研分析报告871749←咨询时，请说明此编号。￥7200元可开具增值税专用发票http://www.cninfo360.com/yjbg/qghy/BB/20181216/871749.html如需英文、日文、韩文等其他语言版本报告，请咨询客服。二、内容介绍《2018-2024年中国棉麻坯布行业市场深度调研分析报告》主要依据国家统计局、发改委、国务院发展研究中心、国家信息中心、棉麻坯布相关协会的基础信息以及棉麻坯布科研单位等提供的大量详实资料，

5.0 分 9 页 | 33.84 KB | 2021-04-17 03:49
中国挂历布行业调查研究及趋势预测分析报告目录

2018-2023年中国挂历布行业调查研究及趋势预测分析报告864038←咨询时，请说明此编号。￥7200元可开具增值税专用发票http://www.cninfo360.com/yjbg/qghy/zz/20181202/864038.html如需英文、日文、韩文等其他语言版本报告，请咨询客服。二、内容介绍中国挂历布行业调查研究及趋势预测分析报告（2018-2023年）《中国挂历布行业调查研究及趋势预测分析报告（2018-2023年）》是在周密的市场调研基础上，主要依据国家统计局、商务部、发改委

4.8 分 10 页 | 26.01 KB | 2021-06-26 17:41
2019年中国LED行业市场监测与未来发展策略咨询报告(定制版)目录

八毛八文库(www.8doc8.com)--两亿文档等你下载,什么都有,不信你来搜2019年中国LED行业市场监测与未来发展策略咨询报告（定制版）目录此文档为报告目录大纲，非完整报告【出版日期】2019 特快专递【价格】纸介版：8000元电子版：8000元纸介+电子：8200元【报告链接】http://www.chinairr.org/report/R06/R0607/201901/25-285854.html 在LED产业链中，下游应用占据主导地位，占比约为8成，LED芯片占比3%。

3.0 分 30 页 | 223.50 KB | 2019-02-14 13:47