CSS定位
定位:
绝对定位是元素在移动位置的时候,是相对于它祖先元素来说的。
语法:
选择器{ position:absolute; }
绝对定位的特点:(务必记住)
1.如果没有祖先元素或者祖先元素没有定位,则以浏览器为准定位(Document文档)。
2.如果祖先元素有定位(相对,绝对,固定定位),则以最近一级的有定位祖先元素为参考点移动位置。
3.绝对定位不再占有原先的位置(脱标)脱标:脱离标准流。
定位总结:
定位模式 | 是否脱标 | 移动位置 | 是否常用 |
---|---|---|---|
static静态定位 | 否 | 不能使用边偏移 | 很少 |
relative相对定位 | 否(占有位置) | 相对于自身位置移动 | 常用 |
absolute绝对定位 | 否(不占有位置) | 相对于定位的父级 | 常用 |
固定定位 | 是(不占有位置) | 浏览器可视区 | 常用 |
sticky粘性定位 | 否(占有位置) | 浏览器可视区 | 当前阶段少 |
1.一定记住相对定位、固定定位两个大的特点:1.是否占有位置(脱标否)2.以谁为基点移动位置。
2.学习定位重点学会子绝父相。
文章目录
本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。
评论已关闭