html - CSS底部的div和width：auto但width：auto失败

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>

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