position:absolute 绝对定位
是相对于浏览器的定位。它不会随着窗口大小变化,只是固定在一个特定的坐标轴上面;
比如:position:absolute;left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。
position:relative 相对定位
是相对于浏览器的定位。它不会随着窗口大小变化,只是固定在一个特定的坐标轴上面;
比如:position:absolute;left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。
position:relative 相对定位
是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。
和上面的相反,它可以随窗口大小变化。但大小仍然不会变。要是你设置成width:100%;height:100%;这样就会随着窗口变大变小
比如:<div class="1"></div><div class="2"></div>
当1固定了位置。1的样式float:left;width:100px; height:800px;
2的样式为float:left; position:relative;margin-left:20px;width:50px;
2的位置在1的右边,距离120px
比如:<div class="1"></div><div class="2"></div>
当1固定了位置。1的样式float:left;width:100px; height:800px;
2的样式为float:left; position:relative;margin-left:20px;width:50px;
2的位置在1的右边,距离120px