CSS定位

彩虹海 2020-10-19 PM 79℃ 0条

定位:

绝对定位是元素在移动位置的时候,是相对于它祖先元素来说的。
语法:
选择器{ position:absolute; }

绝对定位的特点:(务必记住)

1.如果没有祖先元素或者祖先元素没有定位,则以浏览器为准定位(Document文档)。
2.如果祖先元素有定位(相对,绝对,固定定位),则以最近一级的有定位祖先元素为参考点移动位置。
3.绝对定位不再占有原先的位置(脱标)脱标:脱离标准流。

定位总结:

定位模式是否脱标移动位置是否常用
static静态定位不能使用边偏移很少
relative相对定位否(占有位置)相对于自身位置移动常用
absolute绝对定位否(不占有位置)相对于定位的父级常用
固定定位是(不占有位置)浏览器可视区常用
sticky粘性定位否(占有位置)浏览器可视区当前阶段少

1.一定记住相对定位、固定定位两个大的特点:1.是否占有位置(脱标否)2.以谁为基点移动位置。
2.学习定位重点学会子绝父相。

标签: CSS

非特殊说明,本博所有文章均为博主原创。

评论啦~