css - 固定位置 p 距离底部的像素比指定的多

Question

这个 p 在同样固定位置的 nav 内，但这没关系，对吧？我尝试使用固定位置作为唯一的方式，它似乎可以将文本塞进导航的曲线中(它在右上角有一个很大的 border-radius，部分在屏幕外，创造了一种标签的感觉)。它确实将元素从流中移除，但不会将其放置在预期的位置。它位于 here.

#directory {
    position: fixed;
    bottom: -95px;
    left: 0px;
    width: 125px;
    height: 125px;
    border-top-right-radius: 50px;
    z-index: 20;
}
#directory p {
    font-size: 0.8em;
    position: fixed;
    left: 15px;
    bottom: 5px;
    z-index: 21;
}

Answer 1

将#directory p更改为position:relative;

我添加了一个屏幕截图以显示将位置更改为相对确实有效。