position:absolute这个是绝对定位;
是相对于浏览器的定位。
比如:position:absolute;left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。
position:relative是相对定位,是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。
比如:<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
相关文章
- 11-08CSS样式-position为absolute的情况下如何居中
- 11-08flex布局与position:absolute/fixed的冲突问题
- 11-08position的四种定位方式:static、fixed、relative、absolute
- 11-08position中多次用到了relative和absolute,能不能具体介绍一下这两者的区别?
- 11-08[转]关于position 的 static、relative、absolute、fixed、inherit
- 11-08position属性absolute与relative 的区别(转)
- 11-08position属性absolute与relative(转)
- 11-08[转]关于position 的 static、relative、absolute、fixed、inherit
- 11-08position属性absolute与relative 的区别
- 11-08前端~定位属性position(relative、absolute、fixed)的分析