1.分类
【1】相对定位 position:relation+top+right+bottom+left
给它定位margin属性是给它定位之前的盒子添加margin属性的
1)相对定位不脱离标准流的，还是会占用标准流的空间
2)相对于以前相对自己以前在标准流中的位置来移动
同一个方向上的定位属性只能有一个，由于相对定位不脱离标准流的，所以在相对定位中是区分块级元素，行内元素，行内块级元素
设定box2的margin，会在移动之前的地方做出变化
3)应用场景
用于对元素进行微调
【2】绝对定位
position:absolute+top+left
相对于body来定位
1.）脱离标准流
2）绝对定位的元素是不区分块级元素，行内元素和行内块级元素的
3）参考点
1.默认情况下都会以body作为参考点，无论有没有祖先元素，都会以body作为参考点
2，如果一个绝对定位的元素右祖先元素，并且祖先元素也是定位流，那么这个绝对定位的元素就会以定位流的那个祖先元素作为参考点
只有祖先元素有一个定位流就可以了，指的定位流指的是相对定位， 绝对定位和固定定位
样式
box2元素以box1作为参考点
显示
3.第三个规律
第三个规律
【3】固定定位
静态定位
网友评论