图标定位二三事，CSS深入理解之absolute教程-慕课网

问答
评论
笔记
资料下载
代码

全部精华我要发布

position：absolute后包裹图片，为什么下面有灰条？

最新回答 / Demo008

默认属性，去掉就好

1 回答 1063 浏览

2020-04-22

absolute + margin，为何不直接 inline-block + margin ？

最新回答 / 我不当学霸不行

思考方式不一样吧我觉得能做出来就都可以

1 回答 921 浏览

2020-07-08

VIP 图片在Google下的问题

最新回答 / 扑克脸1413

这个问题是因为标签和<img>标签之间存在换行空格而错位的，视频中有讲到

3 回答 1551 浏览

2018-11-20

icon-hot把position:absolute；去掉后不显示问题

已采纳回答 / yi_z

i是内联元素；你设置display:block就出来了

2 回答 1210 浏览

2016-08-23

绝对定位的图标在IE下不显示？

最新回答 / 慕雪芸茗

浏览器兼容方面的原因

1 回答 894 浏览

2016-08-23

把那个图片换成DIV，为什么VIP就换到下一行去了呢？

最新回答 / 慕粉3830774

我试了一下，用inline就行了，因为inline-block还是允许换行的，用inline-block的话父元素的宽度不够所以还是下一行显示

2 回答 1101 浏览

2016-08-23

我是这样理解的：由于标签为行内元素，所以它应该紧跟着图片不换行后面；（可以做以下尝试）（1）所以如果去掉其绝对定位，此时标签应该是紧跟着图片并换行显示（因为图片后面没有空间显示，故被挤到下一行）；（2）绝对定位的特性是脱离文本流（在文本流中不占据任何位置），所以在设置了绝对定位后是一个不占据空间的元素，所以不会被挤到下一行，而是可以和图片同行显示；（3）这也正说明，如果在前面加上空格，此空格在文本流中占据一定位置，那...

3 回答 1946 浏览

2018-03-31

span问题

+ 我来回答回答最高可+2积分

3 回答 907 浏览

2022-06-03

i和span里不放文字不行吗？

已采纳回答 / echo_kinchao

可以不放

3 回答 1357 浏览

2022-07-03

hot，推荐和VIP这三个绝对定位到底是绝对于谁的？

最赞回答 / 慕渣渣

他只是利用了absolute的跟随性，然后并没有具体的利用top和left去相对于最近的relative去定位。。利用跟随性，然后用margin去调整位置。

3 回答 1358 浏览

2022-07-16

vip为什么会旋转45度？并没有在css中进行倾斜设置啊？？

最赞回答 / Alyssa_Lee

http://img.mukewang.com/5453048000015d8800360036.gif vip用的是这样图片，不是你的文字你可以把vip换成别的都不会显示例如000因为用了text-indent: -9em;（文字向左缩进9倍） overflow: hidden;（超出部分隐藏）来控制

2 回答 1620 浏览

2019-01-22

兼容性问题

+ 我来回答回答最高可+2积分

2 回答 1256 浏览

2022-07-10

hot这个绝对定位到底是绝对于谁的？

最赞回答 / batsing

如果是使用了top、left、right、bottom这些的话就是有position属性的父元素。而这里都没有top left right bottom，所以它的位置是它自身本来的位置。

5 回答 1392 浏览

2022-08-11

全部我要发布

最热最新

只看我的

4. 潜力磅礴-强大的折翼天使立即下载

4-2 图标定位二三事