css3 - 这段代码为什么是一个固定在页脚的浮动条，而不是上面，左边，或者右边？

Question

CSS区域

    .footsty{
        bottom:0pt;
        margin:0pt;
        position:fixed;
        width:100%;
        z-index:10 !important ;
    }
    .footsty p{
        text-align:content;
        background-color:white;
        border-top:1px solid #8BAABF;
        padding:5px;

    }
</style>

CSS结束

html区域

<p class="footsty">
    <p>
        <span>这是一个固定页脚飘浮</span>
    </p>

html区域结束

为什么是一个固定在页脚的浮动条，而不是上面，左边，或者右边

Answer 1

bottom:0pt;
這不是麼····
離頁底部0磅···那就是在底部，然後width:100%，說明就是一個底部全寬固定條，高度就是p內容撐起來的高度