CSS定位
div分层
从上到下依次分为：
- 内联子元素
- 浮动元素 脱离文档流
- 块级子元素 块级元素若文字出现重叠的情况，是以文字出现的先后顺序进行覆盖
- border
- background
- static默认值，待在文档流里。
- relative相对定位，升起来，但不脱离文档流
- absolute绝对定位，定位基准是祖先里的非static 比如关闭按钮 注意：使用absolute，其父元素需要加relative
备注：元素会被移出正常文档流，并不为元素预留空间，通过指定元素相对于最近的非 static 定位祖先元素的偏移，来确定元素位置。 - fixed固定定位，定位基准是viewport 手机上尽量不要使用这个属性
元素会被移出正常文档流，并不为元素预留空间，而是通过指定元素相对于屏幕视口（viewport）的位置来指定元素位置。 - sticky粘滞定位
white-space：nowrap； --文字内容不准换行
层叠上下文 【CSS定位】
文章图片
层叠上下文形成条件（需要记忆）：
- 根元素（html）
- z-index不为auto的绝对/相对定位
- opacity属性小于1的元素
- transform的值不为none的元素
- 一个z-index值不为auto的flex项目，即父元素 display：flex；
- 固定定位元素和sticky定位元素
推荐阅读
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 三国谋略22（找准你的定位）
- docker镜像探索----dive工具
- 3.css浮动
- HTML5学习之ul|HTML5学习之ul li列表实战
- 渠道云定位
- 品牌定位及纠偏|品牌定位及纠偏 | 大牌训练营第二次作业 | 张胜萍
- css|我用css精灵图拼接了自己的英文名字，不会还有人不知道精灵图技术吧（）
- css|css三角的做法及其案例
- css|css中元素的显示与隐藏