我在寫頂部導(dǎo)航欄時，需要給li元素下方添加一個橫線動畫
.top-nav nav > ul > li > a:hover::after {
content: "";
display: block;
width: 100%;
background: #e6686d;
height: 2px;
position: absolute;
}
這是還沒有給橫線添加定位的時候侈离。
添加top: 100%后卦碾，可以發(fā)現(xiàn)橫線移動到了父元素的border外铺坞。
而bottom: 0px并沒有超過父元素的boder济榨，而是在boder只上延伸绿映。
結(jié)論
top: 100%的定位是以父元素border下界為基線，向下延伸叉弦。
bottom: 0px的定位是以父元素border上界為基線，向上延伸钝诚。
