a:after制作的三角形定位问题

来源:1-6 导航三角制作

Hoenir

2016-03-25 17:26

首先我的理解:

 使用绝对定位position:absolute ,必须父元素设置有position:relative属性,这样才能依据父元素的left、top、bottom、right来定位;如果父元素没有设置position:relative,则会向上(父元素的父元素.....)追寻,直到发现设置有position:relative的父辈元素/或者body(即没有父辈元素设置有该属性),并依此来定位。

review了一下代码,发现.st-container并没有设置position:relative    那么a:after制作的三角型是依据什么定位的?

看样子是依据a来定位的,但是a和a:after好像并不是父子关系啊- -

而且a的position:fixed;

56f504170001c74705000174.jpg

56f504170001640105000425.jpg

56f5041a0001aa2a05000548.jpg

56f5042000019f6604710278.jpg


写回答 关注

1回答

  • 倾昀
    2016-04-22 11:18:51

    absolute是相对于 static 定位以外的第一个父元素进行定位,父元素fixed定位也可以

css3实现网页平滑过渡效果

CSS3 打造页面之间的平滑过渡效果,带来神奇的体验

54371 学习 · 372 问题

查看课程

相似问题