CSS底部和宽度为div：自动但宽度：自动失败

Question

<style>
.alt{
    width:auto;
    height:50px;
        text-align
    background:#333;
    border-top:2px solid #000; 
    box-shadow:0 0 10px #000;
    position:absolute;
    bottom:0;
    left:0;
}
</style>

<div class="alt">
TEXT CONTENT    
</div>

宽度：自动无法正常工作我不知道为什么。它应该与浏览器屏幕大致相同，但它只是屏幕的一半