为什么不能实现定位呢哪里错了？

Question

<a href="#" class="next-page">

<span class="glyphicon glyphicon-chevron-down"></span>

</a>

.section1 .next-page{

    width: 70px;

    height: 70px;

    display: block;

    border-radius: 50%;

    position: absolute;

    left: 50%;

    bottom: 5%;

    margin-left: -35px;

}

Answer 1

NWSVKAXTORHHCLPRNXMPEHQFOKSGCLBYVDYIYNCKGPLAYUJZHXGPSOKYHXZCLAIWTIUIYNWSBKNDTTPKNWLBXACLVEGWEUFUJZVKFPFUDYODMIFOWZBXTCQMVIXMVYNQFHRGHUDSVRTVLNKUJLHQFORAWJFHKYNWMVKNDUCYNJZBPYADJLNWFMOQTVRPRUJSIXTOKNLGPGIXNJSIXORTPROKGPLAIDGVRAWXAJFJLNQZCEHKGWCLHQLORGILHZIEHWMHDNJDZBSSMFBEUNGUJMVWSUDGJEPRUJFOKFOEAZBJSBRTVLODLNQFHOQZVLHBDFILOQFIEAHCYADMIKAJLHDZBRTWEUJZPRUDSOQTCLHUJFVDZBDNPFIRUDTDMVSORFBQGISOKAQSCFBLBLACSGWEOQMOLURUQMKFVXGWSOWMCTPRUWTVXAQZEMCMURGJFPFOPYNKFCLBDGYUQZWMJSIDFZVENKGDSPMVLEHOXUEAXRAHCLHQZBKGWSUWSOXZBDZAEJLUQFIKAJTPJYZCLGJFHKNHWYUKFOKTWTGPRNCLUQTPEPRTWFODLNPYMVKTVYGQFCROQTPZVROXYVAPLNJGIXTWYKZOYHWNNKGPIXBDMVXFHDHGBQTPLOEGQFMVKNDQTVEHENCRBEGIXHQZWLUQMOXNPLBTBXGVEYHXMIBXFVKAISOWETVXTVLAJZAJAVSUKTWYUWGTPRUCSBRLBYPLTCSBKGPZOSZBXFIEAIFHTPKNJLHCMVWCKMPRUQSOKTGIEFAPFUKZQSNCFCXACFCQSHPMHQUOXUXIDMVKAVRAQLRTIRUDZCLCXGCRUQMIFNDTNJLHQTWFVROXTJSBRNJXNQNPYVSVRGJZCPRAQMWJMIEH

Answer 2

你这个是定位成功的，可以用一个新的页面来测试，你加上背景颜色就可以看到效果，不过如果父级没有position你这个元素会参照你的当前页面来定位的

Answer 3

我只知道有left和top进行定位，但是不知道bottom也能定位