nav的白条位置

来源:3-2 表示层--导航的实现

浮沉幻听

2019-06-18 08:48:43

给这个利用伪元素做出来的高为10px的白条,绝对定位top为20px咋就在nav里了居中了呢,麻烦老师详细解答一下

写回答

1回答

好帮手慕码

2019-06-18

同学你好!

因为nav设置了相对定位,那么这里伪元素的定位就是相对于父级nav的。

看下如果top设置为0,伪元素在顶端的位置,如下图:

http://img.mukewang.com/climg/5d0851f400013c4d06240119.jpg

按F12可见a标签的高度是50px,伪元素的自身高度是10px,那么它如果想要居中那么就需要设置((50-10)/2=20)20px的上边距

http://img.mukewang.com/climg/5d08527d0001921302510096.jpg

如果帮助到了你 欢迎采纳 祝学习愉快~

0

0 学习 · 36712 问题

查看课程