css定位

固定定位(position:fixed);

相对于浏览器的窗口定位:

div{
    position:fixed;
    left:100px;
    top:150px;
};

不会随着页面的滚动,而变化位置

相对定位(position:relative);

相对于自己的位置发生移动;
相对于原位置发生偏移适合微调;

div{
    position:relative;
    left:100px;
    top:150px;
}

绝对定位(position:absolute);

绝对定位中的绝对,是相对于父元素讲的,若父元素没有定位(没有position属性),则继续找父元素的父元素,以此类推,直到找到一个有定位的父元素为止,若父元素都没有定位,则相对于body来进行绝对定位!

div{
    position: absolute;
    left:100px;
    top:150px;
}

你可能感兴趣的:(css定位)