relative与absolute相结合

relative会把别人挤下去，

absolute会跑偏。

两者结合就会很好的解决问题。

<span class='pic_selected'  style='position:relative; top:-43px;'><img class='sp' src='/images/select_img.png' style='position:absolute; left:0;top:0px;'></span>

span灵活，随li变动，但是不占空间，不会把其挤下去，如果里面的img设为absolute的话。

转载于:https://www.cnblogs.com/jiqing9006/p/3429571.html

relative与absolute相结合相关推荐

relative和absolute的区别
这里向大家简单介绍一下CSS+DIV布局中absolute和relative属性的用法和区别,定位为relative的元素脱离正常的文本流中,但其在文本流中的位置依然存在,而定位为absolute的层 ...
[css] position的relative和absolute定位原点是哪里？
[css] position的relative和absolute定位原点是哪里? absolute: 定位原点为第一个position不为static的父级元素的左上角. 可以基于该特性实现heigh ...
relative和absolute使用
relative和absolute使用开发工具与关键技术:DW 作者:黄金燕年级: 1805 撰写时间: 2019年2月16日 relative相对定位,absolute绝对定位某个元素,disp ...
CSSposition定位（relative、absolute、fixed、sticky）
这一周,我在逆战班学习了很多,具体介绍一下position相对定位和绝对定位,希望可以帮助到你. **position定位 ** position 的五个属性:static(默认).relative. ...
CSS中position的relative和absolute.
2021 first note CSS中position的relative和absolute. 之前接触过, 听老师讲的时候, 赶脚自己挺明白的, 后来就放下了, 最近又开始复习, 发现有些熟悉但更多 ...
relative和absolute的使用(详细+案例)
相对定位relative:相对于自己原先的位置而调整位置+会占用原先位置 eg: 原先位置(在没有加top,left,right,bottom调整位置) 根据原先位置加top而调整定位绝对定位abs ...
position的值， relative和absolute分别是相对于谁进行定位，你真的知道吗？
常见的position定位方式如下: static 默认值.元素出现在正常的普通流中 relative 生成相对定位的元素,相对于其在普通流中的位置进行偏移. fixed (老IE不支持)生成绝对定位 ...
relative、absolute定位居中以及小总结
relative.absolute 定位小总结: 一.relative 定位总结: 特点: 1.除了位置被left等四个属性影响,对元素没有任何影响(大小) 2.只设置position属性,元素没有任 ...
relative，absolute，fixed的区别及具体用法
内容来自阮一峰的博客http://www.ruanyifeng.com/blog/2019/11/css-position.html 觉得比较通俗易懂,所以就复制过来了. relative.absol ...

relative与absolute相结合

relative与absolute相结合相关推荐

最新文章

热门文章