CSS里面 Position:relative与 Position:absolute 区别
2018-03-30 10:03
656 查看
转:https://zhidao.baidu.com/question/69984654.html
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
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
相关文章推荐
- CSS里面position:relative与position:absolute 区别
- CSS里面position:relative与position:absolute 区别
- CSS里面position:relative与position:absolute 区别
- CSS里面position:relative与position:absolute 区别
- CSS里面position:relative与position:absolute 区别
- CSS里面position:relative与position:absolute 区别
- CSS里面position:relative与position:absolute 区别
- CSS里面position:relative与position:absolute 区别
- css里面position:relative与position:absolute的区别
- CSS里面position:relative与position:absolute 区别
- CSS中position属性值relative与absolute区别
- css - position:absolute和position:relative的区别
- css——Position属性四个值:static、fixed、absolute和relative的区别和用法
- HTML&CSS——Position属性四个值:fixed、absolute和relative的区别和用法
- CSS中Position属性四个值:static、fixed、absolute和relative的区别和用法
- 随笔 2016/10/10 css中 position:relative和position:absolute的区别
- CSS里面position:relative、absolute、static、relative总结
- 转载:CSS里面position:relative与position:absolute
- 一张图看懂css的position里的relative和absolute的区别
- CSS布局模型 之 层模型(position的relative、absolute与fixed区别?)