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;
Isn’t this...
0 points from the bottom of the page... That is at the bottom, and then width: 100%, which means it is a bottom full-width fixed bar, and the height is pThe height of the content supported