定位=定位模式+边偏移
static(静态定位)：
不脱离标准流，不常用
relative(相对定位)：
相对自身原位置进行定位，在标准流保留原位置，典型应用是给绝对定位当爹
absolute(绝对定位)：
1.如果没有祖先元素或者祖先元素没定位，则以浏览器为准定位
2.如果祖先元素有定位(绝对、相对、固定定位)，则以最近一级的有定位的祖先元素为参考点移动位置
3.绝对定位不再占有原先位置(脱离标准流)
fixed(固定定位)：
1.以浏览器的可视窗口为参照点移动元素
2.不再占有原先位置(脱离标准流)
sticky(粘性定位)：
1.以浏览器的可视窗口为参照点移动元素
2.粘性定位占有原先位置
3.必须添加top、right、bottom、left其中一个属性才有效
浮动元素只会压住下方标准流的盒子，但不会压住盒子里的文字、图片
固定定位、绝对定位会压住下方标准流盒子里的所有内容
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签： #css定位
