定位机制
CSS 有三种基本的定位机制:普通流、浮动和绝对定位
定位
相对定位(possition:relative)
- 相对定位,如果没有偏移量(left/right/top/bottom)就是正
常显示; - 根据原来的位置进行偏移
- 不会使元素脱离文本流
2、绝对定位 (position:absolute)
1.如果使用绝对定位,有定位祖先元素就相对于定位祖先元素发生偏
移,没有定位祖先元素就会相对于整个文档发生偏移(绝对 相对 固
定)
2.使元素脱离文档流和文本流
固定定位 (position:fixed)
1.相对于整个窗口进行定位,不会受滚动条影响
2.使元素脱离文档流和文本流
4、粘性定位
sticky:(这是 css3 新增的属性值)粘性定位。最初会被当作是
relative,相对于原来的位置进行偏移;一旦超过一定阈值之后,会
被当成 fixed 定位,相对于视口进行定位