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

Question

CSS区域

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

    }
</style>

CSS结束

html区域

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

html区域结束

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

Answer 1

bottom:0pt;
这不是么····
离页面底部0磅···那就是在底部，然后width:100%，说明就是一个底部全宽固定条，高度就是div内容撑起来的高度