css-定位技术

1、绝对定位：脱离原来位置，进行定位

最近的有定位的父级进行定位，如果没有，那么相对于文档定位

距离左侧100，距离上边100

 

div{

　　position:absolute;

　　left:100px

　　top:100px

}

 

bottom： 底部

right:右部

2、相对定位：保留原来位置进行定位

相对于原来的位置进行定位

div{

　　position:relative;

　　left:100px

　　top:100px

}

3、固定定位：滚动条怎么动，弹框都不动

div{

　　position:fixed;

　　left:100px

　　top:100px

}

适用场景：

用relative作用参照，用absolute进行定位