                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /从 psd 到 html

menu-tips:after中left为0，bottom为0，居中

此时after不是应该在左下角吗，怎么是居中呢？

jinleli

2016-06-14

源自：从 psd 到 html 4-3

关注问题我要回答

1475

操作

收起

3 回答

Molly_0001 回答被采纳 +3 积分
2016-06-14

menu-tips是居中的，menu-tips:after是相对于menu-tips的左下角，而且menu-tips:after的border是menu-tips宽度的一半，也就是menu-tips:after的整体宽度是和menu-tips的宽度是一样的，所以从整个页面来看，menu-tips:after是居中的。

0 回复有任何疑惑可以回复我~

#1

jinleli 提问者

非常感谢！

2016-07-11 回复有任何疑惑可以回复我~

qq_CaFfeInE_0
2016-06-14

我理解是伪元素是相对于menu-tips .此时menu-tips是居中的.

0 回复有任何疑惑可以回复我~

#1

bottom和left只是说明这个伪元素的起始位置是在menu-tips的左下角

2016-06-14 回复有任何疑惑可以回复我~

粟米
2016-06-14

我自己感觉是的

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

从 psd 到 html

参与学习 105472 人
解答问题 410 个

教你把PSD设计稿转化成HTML，用案例来讲解基本流程

本课相似问答

3 回答为什么要写 bottom: 0; left: 0;

2 回答menu不居中

1 回答menu-tips 居中问题

4 回答我的img设置了margin 0 auto 还是不能居中

5 回答index-menu容器没有被撑开，导致menu-tips直接顶到footer下面去了，显示index-menu为0？

搜索更多本课相关问答

menu-tips:after中left为0，bottom为0，居中

我要回答关注问题

意见反馈帮助中心 APP下载